Search
 
SCRIPT & CODE EXAMPLE
 

CSS

inner border css

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;
}
Comment

add inner border css

.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>
Comment

inner border css

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;
}
Comment

PREVIOUS NEXT
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 
ADD CONTENT
Topic
Content
Source link
Name
9+6 =