What are the border properties set by Css3
Editor to share with you what the border properties of Css3 settings are, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!
Four sides: border: thick and thin solid color
Border-top weight solid color
Border-left weight solid color
Border-bottom weight solid color
Border-right weight solid color
Border-color: sets the color of the four borders.
The same color on all sides of the Border-color:value
Border-color:val1 val2; up and down, left and right
Border-color: up, left, right and down
Border-color:red green blue pink; top right, bottom left
Note: border-color is a combined property
Border-top-color
Border-left-color
Border-bottom-color
Border-right-color
The box-shadow property adds one or more shadows to the box.
Box-shadow: h-shadow v-shadow blur spread color inset
Border-width: top right, bottom left
Border-width:thin medium thick; up, left, right and down
Border-width:thin medium; up and down, left and right
Four sides of border-width:thin;
The border-style property is used to style all borders of an element, or to style borders individually for each edge.
Outline: color style weight; the outer border (outline) of an element is a line drawn around the element
The border-radius property is an abbreviated property that sets the four border-*-radius attributes to set the fillet of the element
-webkit- style name is compatible with Safari google
-o-style name Opera
-moz- style name is compatible with ff
# dv {
-webkit-border-radius:
-o-border-radius:
-moz-border-radius:
}
Border-image: draw frames with images
The above is all the content of the article "what are the border properties of Css3?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!
