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 :: remove materialize style input |
Css :: what css vmin |
Css :: Load hidden image to HTML |
Css :: text shadow css generator |
Css :: css grid column |
Css :: grid-template-rows |
Css :: cursor css |
Css :: css bullet using ::before |
Css :: calc css float to procent |
Css :: html css bring to page top |
Css :: simple font-face mixin scss |
Css :: input background color |
Css :: css overflow |
Css :: .txt:hover { text-decoration: underline; } |
Css :: adding a perfect responsive background image |
Css :: css animation box shadow |
Css :: css image popup on hover |
Css :: all text in caps using css |
Css :: display flex align last item to left |
Css :: font face html |
Css :: text background in css |
Css :: Responsive Web Design - Videos |
Css :: iphone css |
Css :: padding left |
Css :: remove required effect in css |
Css :: include css typo3 |
Css :: ordered list indent |
Css :: laravel 7 css loading slow |
Css :: create variable in css |
Css :: how to allign li in row |