• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 12. Box Properties > border-top-width Property

12.12. border-top-width Property

The border-top-width property is designed to change the display of the top border. It differs from the border-top property in that it also displays a full border around all of the other sides of the box — only the top border is altered. It can take on all of the values belonging to the border-width property. It functions in the same way as its sibling properties border-left-width, border-right-width and border-bottom-width.

border-top-width can take one of two different sets of values: either a numeric value that sets the size of the border, or a name value. The name value can be any one of the following: thin, medium or thick, where medium is the default border width. If a numeric value is given and no measurement unit specified, the value is set to a pixel width. Remember that when you are using this property, you are only setting the thickness value for the top width of the border, so this property is most often used in conjunction with other border family properties that set the display characteristics for the rest of the border. Listing 12.12, whose results can be seen in Internet Explorer 6.0 in Figure 12-14, gives you an idea of its effect.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint