Run ❯
Get your
own
website
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <head> <style> #example1 { background-color: lightblue; height: 100px; width: 200px; border-start-start-radius: 50px; } #example2 { background-color: lightblue; height: 100px; width: 200px; border-start-start-radius: 50px 20px; } #example3 { background-color: lightblue; height: 100px; width: 200px; border-start-start-radius: 50%; direction: rtl; } #example4 { background-color: lightblue; height: 100px; width: 200px; border-start-start-radius: 50%; writing-mode: vertical-rl; } </style> </head> <body> <h2>The border-start-start-radius property</h2> <p>The border-start-start-radius property defines the radius of the corner between the block-start and the inline-start sides of the element. </p> <div id="example1"> <p>border-start-start-radius: 50px;</p> </div> <br> <div id="example2"> <p>border-start-start-radius: 50px 20px;</p> </div> <br> <div id="example3"> <p>border-start-start-radius: 50% and direction: rtl</p> </div> <br> <div id="example4"> <p>border-start-start-radius: 50% and writing mode: vertical-rl;</p> </div> </body> </html>
