BORDER WIDTHS
INTRODUCTION

by Florence W Deems



Note: Use the "border-style" property FIRST to set the borders. The style is "dotted." The "border-bottom-width" and "border-top-width" properties do not work if they are used without the style property. Border-top-width:10px; and border-bottom-width:15px; but the sides are default. You can specify any width in pixels (px) for the top and/or bottom widths.

The div in the head tag produces what looks like a table with rounded corners and a double border. But I had to use a table tag (with border="0") to get this centered on the screen. Please see the Border Radius tutorial link (below) for more info about this effect.

Remember to include a DOCTYPE tag, such as <!DOCTYPE html>
to start the page, or IE 8 might show peculiar results.



Border Styles Introduction ~ 2 ~ 3
Border Widths
Border Color Introduction ~ 2
Border Radius: Introduction ~ 2
Border Collapse Spacing ~ Pinning an Element
An older Border Playground from 2008


Visit these other Tutorials by Flo

Monday 14th of October 2024 01:01:41 AM



by

~~~

Tandem Tooters

Arbor Hosting