CSS Border Properties

CSS Border Properties

SmartCSS ™ software is mainly based on the CSS box model. The CSS box model represents every element on a web page which contains four components:

- The element.
- The padding around the element.
- The border around the padding.
- The margin around the border.

The CSS border properties define the border around the element which include padding values.

CSS Border Properties

border (*width *style *color)
border-color (*color)
border-style (none hidden dotted dashed solid double groove ridge inset outset)

border-top (*width *style *color)
border-top-color (*color)
border-top-style (none hidden dotted dashed solid double groove ridge inset outset)
border-top-width (thin medium thick or *length)

border-right (*width *style *color)
border-right-color (*color)
border-right-style (none hidden dotted dashed solid double groove ridge inset outset)
border-right-width (thin medium thick or *length)

border-bottom (*width *style *color)
border-bottom-color (*color)
border-bottom-style (none hidden dotted dashed solid double groove ridge inset outset)
border-bottom-width (thin medium thick or *length)

border-left (*width *style *color)
border-left-color (*color)
border-left-style (none hidden dotted dashed solid double groove ridge inset outset)
border-left-width (thin medium thick or *length)

width = (thin medium thick length)
style = (none hidden dotted dashed solid double groove ridge inset outset)
color = hex number (#FF0000)

Length - Relative
em The computed font-size.
ex The height of a lowercase "x".
px Pixels, relative to the viewing device.
% Percentage.

Or

Length - Absolute
in Inches (1 inch = 2.54 centimeters).
cm Centimeters.
mm Millimeters.
pt Points (1 point = 1/72 inches).
pc Picas (1 pica = 12 points).

Mark Tessen software engineer