p {
border-style: solid;
border-color: red;
border-width: 5px;
}
/* You can also write above code in one line */
p {
border: 5px solid red;
}
.borderstyles{
border-style: none;
border-style: hidden;
border-style: dotted;
border-style: dashed;
border-style: solid;
border-style: double;
border-style: groove;
border-style: inset;
border-style: ridge;
border-style: outset;
border-style: initial;
border-style: inherit;
}
/* The black border occurs if you didn't set the border style */
button {
border-style: solid;
}
The border-style property sets the style of an element's four borders.
Code Example |
---|
Css :: can i use css in react native |
Css :: force css style in angular |
Css :: css hsla |
Css :: tailwind center absolute |
Css :: make something slowly invisible css |
Css :: responsive table in tailwind css |
Css :: css selctors |
Css :: how to remove image using css |
Css :: pseudo class vs pseudo element |
Css :: install tailwind css in react |
Css :: css not full width |
Css :: link active css |
Css :: css color black |
Css :: shrink div to fit content |
Css :: have unordered list horizontal css |
Css :: add drop shadow css |
Css :: text-indent |
Css :: Trimming One Line with CSS |
Css :: css math functions |
Css :: bootstrap popover style width |
Css :: btn glow on hover |
Css :: css make text closer together |
Css :: fixed table header css |
Css :: css horizontal line around text |
Css :: alert without page refresh |
Css :: deep selector |
Css :: calc css float to procent |
Css :: add border to png image using css |
Css :: nibabel ValueError: w2 should be positive, but is |
Css :: alignment |