CSS Border Properties Video

Similar Videos

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.

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".

pxPixels, relative to the viewing device.

%Percentage.

Length - Absolute

inInches (1 inch = 2.54 centimeters).

cmCentimeters.

mmMillimeters.

ptPoints (1 point = 1/72 inches).

pcPicas (1 pica = 12 points).

Next Paragraph..

Guide to Technology