运行 ❯
获取您
自己的
网站
×
更改方向
保存代码
更改主题，深色/浅色
前往 Spaces
<!DOCTYPE html> <html> <head> <style> #parentDIV { position: relative; height: 250px; width: 60%; border: solid black 1px; } #myDIV { position: absolute; background-color: lightblue; height: 100%; inset-inline: 10px 50px; direction: rtl; } </style> </head> <body> <h1>The inset-inline Property</h1> <p>Here, the inset-inline property is affected by the CSS direction property.</p> <div id="parentDIV"> <div id="myDIV"> <p>This DIV has a size defined by the distance of 10 pixels to the parent DIV element from start of element, and 50 pixels distance to parent from end of element, in the inline direction.</p> </div> </div> </body> </html>
