Prev Demo
CSS3
>
Border-Left Property
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <head> <title>Demo</title> </head> <body> <style> .class1 { border-style:solid; border-left:dotted red; } .class2 { border-style:double; border-left:solid blue; } .class3 { border-style:groove; border-left:hidden; } .class4 { border-style:dashed; border-left:double; } </style> <p class="class1">Shows the Red dotteed border at left side.</p> <p class="class2">Shows the Blue solid border at left side.</p> <p class="class3">Shows the Hidden border at left side.</p> <p class="class4">Shows the inherit border at left side.</p> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
