border-bottom-width

The border of an element resides between the padding and margin areas of the element container. Border properties may be set as a single value for all four sides, or as individual values for each side. Border values are not inherited: they are valid only in that instance of the element. border-bottom-width This property is used to set the width of the bottom border surrounding the element, and is by default a medium thickness. border-bottom-width values thin This value will set the bottom border width to be displayed as a thin line. medium This is the default seeting for the border width. it will display the border as a medium-sized line, which is about three times the widht of the 'thin' value. thick This value will set a fairly thick line for the border size about twice the width of the 'medium' value. length The length measurement options for this value are: • mm millimeters. • cm centimeters. • in inches. • pt points, which is a way of measuring the font size. One point is 1/72 (one seventy-second) of an inch. • pc picas, which is yet another way of measuring font size. One pica is equal to 12 points. • px pixels, which is one screen element. The display you're looking at is comprised of thousands of individual dots, each of which can change in color and luminosity to achieve the desired image. Each of these dots is referred to as a pixel. • ex x-height settings, which is the height of the font's lower case letter 'x'. • em em setting. One em is equivalent to the width of a capital letter in the chosen font. Millimeters, centimeters, inches, points, and picas are considered to be absolute lengths because you're specifying the exact size of the value. Relative units such as em and ex are interpreted as references to the parent font size. Percentage This value sets the length for the distance between the element (the 'thing') and the inside of the border as a percentage of that element. EXAMPLES: P, H3 {font-size: 22pt; font-style: arial, sans serif; border-style: ridged; border-color: blue; border-bottom-width: 0.5em} This example sets the heading levels P and H3 to 22 point text with an Arial primary font. The border will be of the ridged type, blue, and with a width of 0.5 em units, which in this case will be 11 points wide. img.banner {border-style: solid; border-color: #FF00FF; border-bottom-width: thin} This example will set the class associated with the image 'banner' to have a border of the solid style which is #FF0FF (fuschia) in color with a width designated as 'thin'.