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