| Border direction |
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title></title>
<style>
h1 {
border-style: solid;
border-top-width: thin;
border-right-width: medium;
border-bottom-width: thick;
border-left-width: 25px;
border-right-color: #ffcc33;
border-top-color: #33ff33;
}
</style>
</head>
<body>
<h1>header 1</h1>
<p>Do you now?</p>
<p><blockquote>block quote.</blockquote></p>
<p>Did you now?</p>
</body>
</html>
|
|
|
|
| Related examples in the same category |
| 1. | 'border' Example | | | | 2. | border width, border style shorthand four values | | | | 3. | border width, border style shorthand one value | | | | 4. | border width, border style shorthand, three values | | | | 5. | border width, border style shorthand two values | | | | 6. | border: thin solid rgb(0, 0, 0) | | | | 7. | border: 1em solid black | | | | 8. | border: medium solid black | | | | 9. | border: thin solid black | | | | 10. | border: 1px solid rgb(0, 0, 0); | | | | 11. | border: 1px solid crimson; | | | | 12. | border: 1px solid gold; | | | | 13. | border: 1px solid rgb(200, 200, 200); | | | | 14. | Style sheet for border properties | | | | 15. | border-color: red green purple blue; border-width: thin medium thick .25cm; | | | | 16. | border overwrite | | | | 17. | Use border-bottom to draw line | | | | 18. | Dashed border | | | | 19. | border: 1px dashed #8a795d; | | | | 20. | Using image for border | | | | 21. | Border page border | | | | 22. | border: 1px solid green; | | | | 23. | When no border-color is specified, the border color is the value of the color property. | | | | 24. | border-style: solid dashed double inset; | | | | 25. | Border with default color | | | | 26. | border sets the size, pattern, and color of the border surrounding the padding. | | | | 27. | border: thick solid black | | | | 28. | Border shortcut setting | | | | 29. | border shortcut property takes three space-delimited values that represent the border's width, style, and color. | | | | 30. | border: 40px double black; creates a black, 40-pixel, double-line border. | | | | 31. | Border with specific setting for four directions | | | | 32. | This paragraph has a 1 pixel thick, solid black border around it. | | | | 33. | Set border to '3px dotted #33333;' | | | | 34. | Body border: 50px #666 ridge | | | | 35. | Add border for different columns together | | | | 36. | Combined style | | | | 37. | border:none is the default. | | | | 38. | Border's width cannot be negative because they are inside the margin. | | | | 39. | Use nested border | | | | 40. | border property, can be used to specify border-width, border-style, and border-color for all four sides at once. | | | | 41. | Border cascade | | |
|