W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> #example1 { border: 2px solid red; /* 边框为 2 像素宽的红色实线 */ inline-size: 300px; /* 内联方向宽度为 300 像素 */ padding: 10px; /* 内边距为 10 像素 */ writing-mode: vertical-rl; /* 书写模式为从右到左的垂直方向 */ border-end-start-radius: 25px; /* 块结束与内联开始交角的圆角半径为 25 像素 */ } </style> </head> <body> <h2>border-end-start-radius: 25px:</h2> <div id="example1"> <p>当 writing-mode 属性值设置为 'vertical-rl' 时，受 border-end-start-radius 属性影响的交角位于左下角。</p> </div> </body> </html>