Introduction to the characteristics of border (border) properties in CSS

This article brings the content is about the CSS border (border) attribute characteristics of the introduction, there is a certain reference value, the need for friends can refer to, I hope to help you.

Shorthand Order: Width-style-color

eg:p{border:1px solid Red;}

Each attribute feature is described in shorthand order:

First, Border-width:medium (default.) Medium): Thin;thick;thick;length;inherit;

Second, Border-style:none (default. None); hidden (same as none, except when applied to a table, for tables used to resolve border conflicts);d otted (dotted border), dashed (dashed line), solid (solid), double (double), Groove (3D Groove), Ridge (3D ridge shape); Inset (3D embedding); outset (3D prominent); inherit;

Third, Border-color:color (name,16, RGB); Transparent:inherit.

Iv. 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;

V. Border-image:source Slice width outset repeat; the omitted values are their default values

eg

div{    Border-image:url (img.png)-round;    -webkit-border-image:url (img.png) 5 Round;/*safari and older*/    -o-border-image:url (img.png)-round;/* opera*/}

Six, box-shadow:0px 8px 16px 0px Rgba (0,0,0,0.2)

0.2 indicates transparency

Note: ie9+ supports Border-radius and Box-shadow properties; Firefox, Chrome, opera, and Safafi support all new border properties (that is: Border-radius ; Border-image and Box-shadow); for border-image,safari5 and older versions, prefix-webkit-,opera is required to-o-;