Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <style> p.border-width-1 { border-style: solid; border-width: 6px; } p.border-width-2 { border-style: dotted; border-width: 1px; } p.border-width-3 { border-style: dotted; border-width: medium; } p.border-width-4 { border-style: double; border-width: 8px; } p.border-width-5 { border-style: double; border-width: thick; } p.border-width-6 { border-style: solid; border-width: 3px 12px 6px 18px; } </style> </head> <body> <h2>The border-width Property</h2> <p class="border-width-1">Example with border-width.</p> <p class="border-width-2">Example with border-width.</p> <p class="border-width-3">Example with border-width.</p> <p class="border-width-4">Example with border-width.</p> <p class="border-width-5">Example with border-width.</p> <p class="border-width-6">Example with border-width.</p> </body> </html>