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.