5,927 questions
1
vote
1
answer
20
views
Tailwind border style with border bottom doesn't work together
When using Tailwind CSS with border-b and a style like border-dashed, the border doesn't get displayed anymore.
I'm using React Native with tailwind.
- 2,128
-1
votes
0
answers
26
views
Card with both a gradient background and gradient border with rounded corners in CSS? [duplicate]
I'm trying to create a card with both a gradient background inside and a gradient border around it, while maintaining rounded corners. The gradient background is working fine, but I'm struggling to ...
1
vote
1
answer
26
views
Dynamic border hover effect
I managed to make a very nice dynamic border effect
So if you run my code you'll see what I did
here the code and the running page: https://jsfiddle.net/pv7hsgmq/
body {
background-color: rgb(...
- 47
0
votes
0
answers
47
views
How to add a Border to a mask in CSS, HTML, JavaScript?
I want to add a blue border to my mask and I'm struggling with that for few days.
This is the situation:
When you scroll down, a circle appears and gradually gets bigger. Inside this circle, the new ...
- 1
0
votes
1
answer
53
views
How to Create a Transparent Inner Border Effect in Flutter?
I'm trying to create an inner border effect in Flutter that appears transparent, allowing the background image inside the widget to be visible through the border area, similar to the effect shown in ...
- 274
0
votes
0
answers
31
views
Nuxt Gradient Border Timer Flickering in Firefox and Safari
I'm developing an application where I have a component that displays a gradient border timer around the entire viewport. The border animates over time to represent a countdown, and when it reaches a ...
- 1
0
votes
1
answer
58
views
How to add a concave border at bottom of an html element?
I am trying to build a clone of Netflix's home page to hone my web desiging skills. Netflix's home page has a concave border at the bottom of hero section. I have added a straight line border at the ...
- 11
1
vote
1
answer
80
views
Best way to make borders for a crossword in CSS?
I am trying to create a "crossword" where only two words cross with each other. I would like the squares to be separated between each other by 1px, but a thick, 5 or 10px border around the ...
- 196
0
votes
1
answer
35
views
WPF Custom TextBox Sizing issue
I am trying to create a custom TextBox Template in WPF.
My TextBox has a 1px border around it, this border has a margin of 8px, this is all simple stuff, no issues here.
The issue I have is that when ...
- 1,942
0
votes
2
answers
65
views
Can't set border style from custom css property
I have a simple react app
(Vite project)
app.tsx
import "./common-styles.css";
export default function App() {
return (
<div className="app">
<div className=&...
- 15
0
votes
0
answers
24
views
Unable to Draw Custom Border Around SWT Group Encompassing Title Area on Linux
In an SWT Java application, I am trying to draw a custom black border around the Group widget (with title text) that encompasses the entire group, including the title area. The goal was to ensure the ...
- 1
0
votes
1
answer
47
views
Why do my borders appear with extra borders when zooming or on devices like the iPad Air?
I'm facing an issue where my borders seem to have extra borders or a kind of double border effect when I zoom in on the page or when viewing it on different screen formats, like the iPad Air.
Here is ...
- 1
1
vote
1
answer
93
views
Flutter Card / Container / Border Problem
I would like to create a card in shape of this:
The problem im currently facing is this situation:
If you watch closely u can see that the Container isnt rounded as the border.
After outcommenting ...
- 81
2
votes
2
answers
78
views
How to create a border for an image that's been resized with object-fit: scale-down
I have a JavaScript slideshow that displays images of various dimensions in a browser window. It uses object-fit: scale-down to resize the image to fit the container. I'd like to add a border to the ...
- 3,835
0
votes
1
answer
119
views
Is there a possibility to create a WhatsApp-status-like border with CSS? [duplicate]
I am working on a social media project at the moment, where I want to implement "stories".
I want there to be an easy way to see how many stories you've already seen and how many there are.
...
- 71
1
vote
0
answers
51
views
How to draw border with borderRadius on track of Scrollbar?
I want to draw a scrollbar that has track with border and borderRadius.(Please see Image below)
Drawing a shape is easy, but I don't know how to achieve this with the standard Scrollbar Widget (or ...
- 51
0
votes
1
answer
145
views
How do I use the reverse border radius at the top of a card? (react native)
I'm trying to create a red box (as shown in the picture) that has a notch on the top edge in React Native. This notch should have rounded corners with an inverted border radius. Then I wanted to write ...
- 15
0
votes
1
answer
36
views
How to code a Material-UI TextField component so the background-color does not overflow the border?
I have been attempting to style a Material-UI TextField to have a background-color when a user hovers or the component is focused.
My component code is:
import React from "react";
import ...
1
vote
1
answer
63
views
How to Animate a Border Brush opacity
How do I set a storyboard to animate the opacity of a Border.BorderBrush. I want to create a DashBoard control where the control is surrounded by a 'Pulsing' border ie the opacity of the border ...
- 63
0
votes
0
answers
50
views
VBA for Word code that removes paragraph rules and replaces them with cell borders
I'm trying to write some code that will replace certain paragraph styles that have a bottom border (in tables) with other paragraph styles that have no bottom border but a cell border instead (if that ...
1
vote
3
answers
197
views
Progress border around an Elliptical or Rounded-Rectangular View in React Native
I'm working on a React Native project where I need to display a progress indicator that outlines a non-circular view.
I tried using react-native-svg with the Circle component to create a circular ...
- 848
1
vote
1
answer
37
views
Container background affect gradient border [duplicate]
I implemented a simple box with gradient border, but changing the container's background made the gradient border disappeared.
What is weird is that if the container's background has less than 100 ...
- 486
0
votes
1
answer
60
views
How to create a curved line?
How to make a border like this?
I have followed this tutorial, but have not found a way to achieve the picture I attached. How can I make it like that?
I've tried using image/svg for the curve, but it ...
- 191
0
votes
1
answer
52
views
background-color and borders in combination for nested lists in CSS [closed]
I have a nested list with borders. Now I want to put a background-color to the items/elements of the list the border disappears. Anyone knowing a solution for this?
Here is my CSS:
.menu-level-0 {
...
- 3
1
vote
1
answer
101
views
Function SpreadsheetApp.Range.getBorders() Not Working
I was trying to get the information about the borders of a range, doing so I tried the getBorders() function, but received the following error:
Exception: Unexpected error while getting the method or ...
0
votes
0
answers
8
views
How do I skew the left and right sides of a divs border?
Can anyone tell me how to skew a border? I have a skewed div and wish to skew the border on the left and right sides with it.
I've tried various methods, tried google, and found nothing. Is this ...
0
votes
2
answers
484
views
How do I add a shadow all the way around a CircleShape
I'm trying to re-create this button I made in SwiftUi in Jetpack Compose, but I can't seem to apply a shadow all the way round the circle. The shadow only seems to appear around the bottom half of ...
- 609
0
votes
0
answers
43
views
How to make a borderline for the bottomAppBar with FAB?
I create a border for the bottomAppBar with floatingActionButton in Flutter, with shapeNotched, but
border doesn't follow for the shapeNotched line, it goes strait instead
I try to make a border but ...
- 1
1
vote
1
answer
36
views
Need to remove this mystery padding in between background and border
Need help removing this mystery padding in between a border and its background. In the preview it looks fine, but it exports with that weird padding inside the frame.
Here's the code:
<div ...
- 13
0
votes
2
answers
54
views
How can I make a border around a row with three columns and a line between each column?
I am trying to insert a table in a page with the same color and want to be able to distinguish the table from the main page. I want a white border around my three columns. Here is my code:
* {
...
0
votes
1
answer
38
views
Unwanted backgroud gradient borders
im creating simple chatbox with gradient color behavior like on messenger. I did it but on some resolutions i can see unwated "borders".
At the beggining i thought its some devtools problem ...
- 7
1
vote
1
answer
378
views
How to create a gradient border bottom in Tailwind CSS?
I'm trying to create a subtle gradient border bottom effect for an input field using Tailwind CSS. I want to achieve something like this:
Here's my current attempt:
Tailwind CSS configuration:
// ...
- 13
1
vote
2
answers
48
views
Border bleed on a button with slide animation
Problem
I am trying to create a button with a sliding animation. The button has a border-radius and uses pseudo-elements to achieve the effect.
Here is the markup:
<div role="button" ...
- 227
0
votes
1
answer
49
views
Linear Gradients for box shadows
Im trying to use the code below to create a box shadow that has a linear gradient mainly to cover up a the edge line of a photo above the div listed below. Obviously this is not working and Im having ...
0
votes
1
answer
51
views
How to move focus between wpf images?
enter image description here
Hello, there are several images. One image is in focus and has a red border.
I want the border to move to the next image when the right or left side is selected with the ...
- 9
0
votes
1
answer
62
views
CSS Tabs - Border around Content, but not on bottom of the active tab
I have the code below and it's working good so far.
My Problem is, that I want a border around the content, but not on the bottom of the active tab. So I can't easily make a border around the content, ...
- 119
0
votes
1
answer
115
views
How to Apply Conditional Formatting to Font Color, Interior Cell Color, and Borders in Excel Using VBA?
I'm trying to use VBA to apply conditional formatting to some cells in Excel. I want to change the font color, interior cell fill color, and also the borders based on a formula condition.
I've ...
- 675
0
votes
0
answers
65
views
How to drawable in border gradient draw in xml drawable
How to drawable in border gradient draw in XML drawable in android
I tried, but my inner colour is white14, so the inner solid also applies gradient colour, but I want only the border to apply the ...
-1
votes
1
answer
49
views
How do I create circle around navigation arrow like this?
How do I create circle around navigation arrow like this in WordPress what's setting or code
I'm trying to add some CSS code at Custom CSS in WordPress but it's not working, and I'm looking for any ...
0
votes
1
answer
90
views
Add borders to specific rows in Sharepoint Lists
Is it possible to mark specific rows in Sharepoint Lists individualy and manually?
I add rows into a list every day, counting the amount of the row quantity in the first column, like 1. 2. 3. Etc.
...
0
votes
1
answer
61
views
Skew One Corner And Add Border Radius To Opposite Corner with gradient
How can I make this design in CSS?
enter image description here
I've tried everything, but the gradient of the pseudo element overlaps the main text.
span {
border: 2px solid #FFC402;
border-...
0
votes
0
answers
14
views
border isn't aligned with borderbox:box-sizing
I have a problem with a contact form that I inserted in a HTML file. When I use the instruction borderbox: box-sizing in my css file the contact form is perfectly aligned but throughout the page the ...
1
vote
2
answers
45
views
border-image: linear-gradient(); doesn't create border [duplicate]
I'm trying to make a linear gradient border around a div I'm creating dynamically with JS. Unfortunately, no border shows up, as far as I can tell (and no, the border's not (or shouldn't be) showing ...
- 207
0
votes
5
answers
80
views
How to make menu with bordered active item only from 3 sides?
My menu has 2 borders: the main vertical border on the right of the whole menu and the border (top, bottom, left) of the active item. The right border of the active item should be empty. The main ...
- 151
0
votes
1
answer
101
views
Border for expansion panel items in Flutter
I am trying to add borders for each item in an expansion panel in Flutter.
I achieved the below by the code below.
The problem is that the border lines doesn't cover entire width, but only till the up/...
- 3,784
1
vote
1
answer
118
views
How can I remove Antarctica borders from a ggplot2 map?
Suppose I want to create a world map, with borders. I do not need Antarctica in the plot, so I filter it from the map data.
library(dplyr)
library(ggplot2)
library(maps)
world_map <- map_data(&...
- 13
-1
votes
1
answer
397
views
How to make inverted border using tailwind
How to create an inverted border radius using tailwind css using after and befor css properties, or any other alternatives to achive it
Tried with tailwind css, using befor and after css properties ...
- 81
0
votes
0
answers
35
views
I noticed something called a Marqee tag, I've experimented with it, but cant find a way to put it in a container, I need it to not run off the page
so I found an element I hadn't heard of, the Marqee tag, but I cant seem to put it in a container no matter what I do to it, I've tried CSS directly in the Marqee tag to try and put it inside of a ...
-1
votes
1
answer
58
views
CSS styling element on the top of an image
image with 3 lines on itI want to have a colour element looking like a border however slightly overlapping the img from the bottom part - just like in the attached picture.
I have tried to play with ...
0
votes
1
answer
32
views
When mouseover on a table cell I want add a border to the cell to highlight it. But when I do this all the other cells width and height are effected
I have following html code for a simple intro page. On mousever (hover) event I will add a border to highlicght the cell. But when I do it with my existing code and css, all the cell heights and ...
- 719