Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <style> p.border-all { border: 3px solid red; } p.border-left { border-left: 4px solid blue; background-color: #dcdcdc; } p.border-top { border-top: 6px solid green; background-color: #dcdcdc; } </style> </head> <body> <h2>The border Shorthand Property</h2> <p class="border-all">Example with a shorthand property for border-width, border-style, and border-color.</p> <p class="border-left">Example with a shorthand property for border-left-width, border-left-style, and border-left-color.</p> <p class="border-top">Example with a shorthand property for border-top-width, border-top-style, and border-top-color.</p> </body> </html>