Shulou(Shulou.com)06/01 Report--

Editor to share with you what are the characteristics of the border border properties in css, 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!

Abbreviated order: width-style-color

Eg:p {border:1pxsolidred;}

Describe the characteristics of each attribute in abbreviated order:

1. Border-width:medium (default. Medium): thin;thick;thick;length;inherit

Second, border-style:none (default. None); hidden (same as none, except for tables to resolve border conflicts); dotted (dotted borders); dashed (dotted lines), solid (solid lines); double (double lines); groove (3D grooves); ridge (3D ridges); inset (3D embedding); outset (3D protruding); inherit

3. Border-color:color (name,16 system, rgb); transparent:inherit.

4. Border-radius:0 (default); length (px);%

You can also assign values separately: border-top-left-radius;border-top-right-radius;border-bottom-left-radius;border-bottom-right-radius

The values omitted by border-image:sourceslicewidthoutsetrepeat; are their default values.

Eg:

Div {

Border-image:url (img.png) 3030round

-webkit-border-image:url (img.png) 3030 players and racemakers safari5 and oldertrees /

-o-border-image:url (img.png) 3030RMB /

}

6. Box-shadow:0px8px16px0pxrgba (0. 0. 0.

0.2 indicates transparency

Note: ie9+ supports border-radius and box-shadow attributes; firefox, chrome, opera, and safafi support all new border attributes (that is, border-radius;border-image and box-shadow); prefixes are required for border-image,safari5 and older versions-webkit-,opera requires prefixes-o-

The above is all the content of the article "what are the characteristics of border border properties in css". 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!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.