div{
-webkit-box-shadow:inset 0px 0px 0px 10px #f00;
-moz-box-shadow:inset 0px 0px 0px 10px #f00;
box-shadow:inset 0px 0px 0px 10px #f00;
}
.inner-border {
border: 4px solid #e5621a;
border-radius: 9px;
box-shadow: inset 0px 0px 0px 1px white;
box-sizing: border-box; /* Include padding and border in element's width and height */
}
//make sure background and border color are same with different box-shadow.
<button className="bg-[#e5621a] p-4 inner-border">Inner border</button>
div {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 100px;
height: 100px;
border: 20px solid #f00;
background: #00f;
margin: 10px;
}
div + div {
border: 10px solid red;
}
Code Example |
---|
Css :: css align bottom of container |
Css :: text flow top to bottom |
Css :: css checkbox':checked change color |
Css :: javafx set border outside |
Css :: rgba blue colo |
Css :: clamp css |
Css :: why is my css code not working |
Css :: how to make rounded corners in css with images |
Css :: bootstrap breakpoints |
Css :: focus selector css |
Css :: css hide scrollbar |
Css :: disabled checkbox css |
Css :: form layout with glassmorphism css |
Css :: input text only css |
Css :: circle css |
Css :: how to set transition in keyframe |
Css :: css selector not empty input |
Css :: sass vs scss |
Css :: css hide mark border |
Css :: border style css |
Css :: css selector color |
Css :: css triangle |
Css :: how to disable increase descrease buttons of input type number in html |
Css :: select two stuffes css |
Css :: terminal check time |
Css :: how select two nt child with css |
Css :: css word break |
Css :: css math functions |
Css :: css font-size |
Css :: button transparent using css |