tailieunhanh - HTML in 10 Steps or Less- P12

HTML in 10 Steps or Less- P12:Welcome to HTML in 10 Simple Steps or Less. Our mission in writing this book is to provide a quick and accessible way for you to learn Hypertext Markup Language — the lingua franca of the World Wide Web. We hope this book provides a resource that beginning and intermediate HTML coders can use to improve their Web development skills. It is also our hope that it fills multiple roles as both a teaching tool and a reference once you expand your skills. | 196 Part 9 Task 90 note Netscape 6 supports all border styles. Internet Explorer and later support all border styles. IE4 and IE5 do not support the dotted and dashed values. The border-style property is not recognized in Netscape 4. Defining Border Style Properties In HTML only images and tables have definable borders. The CSS box model extends borders to the entire spectrum of page content. The first step to define a border is to specify a border style. There are eight styles to choose from and as with all properties relating to the CSS box model you can specify them for each side individually or all four sides at once. 1. To specify the style of the border above an element include a border-top-style property in your declaration. 2. To specify the style of the border on the right side of the element include a border-right-style property. 3. To specify the style of the border below the element include a border-bottom-style property. 4. To specify the style of the border on the left side of the element include a border-left-style property. 5. To render border style properties in shorthand simply include a border-style property in your declaration. 6. Define a value for your border style properties using any of the following keyword values none removes all borders this value forces the border width to 0 see Task 91 dotted renders the border in dots dashed renders the border as a dashed line solid renders the border as a solid line double renders the border as two solid lines groove renders the border as an engraved line ridge renders the border as an embossed border inset renders the entire box to look as though it were embedded in the page outset renders the entire box to look as though it were embossed the opposite of inset Listing 90-1 demonstrating the use of border style properties. Figure 90-1 shows the effects of each value. html head title Border Styles title style type text css -- continued Please purchase PDF Split-Merge on to