CSS vs. CSS3

Original CSS:

Border Property

Border-color: Border Color

Border-width: Border Width

Border-style: Border Style

None: No border. Regardless of any specified border-width value
Hidden: Hides the border. IE does not support
Dotted: ie4+ on Mac platforms with ie5.5+ on Windows and UNIX platforms. Otherwise the solid line (common)
Dashed: ie4+ on Mac platforms with ie5.5+ on Windows and UNIX platforms as dashed lines. Otherwise the solid line (common)
Solid: Solid line border (common)
Double: two-line border. Two single line with its interval and equal to the specified Border-width value
Groove: Draw a 3D groove based on the value of Border-color
Ridge: Draw a diamond border based on the value of Border-color
Inset: Draw 3D concave edge according to the value of Border-color
Outset: Draw 3D convex edge according to the value of Border-color

Css3

Border Border Properties:

Border-radius: Rounded Corners

Div

{

BORDER:2PX solid;

border-radius:25px;

-moz-border-radius:25px; /* Old Firefox */

}

Box-shadow: Border Shadow

For example:

Div

{

box-shadow:10px 10px 5px #888888;

}

Border-images: Border image

Border-image-soure

Border-image-slice

Border-image-width

Border-image-outset

Border-image-repeat