1
    2
    3
    4
    5
    6
    7
    8
    9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21
   22
   23
   24
   25
   26


content / test / data / accessibility / css / anchor-positioning.html [blame]

<!--
@BLINK-ALLOW:details*
@AURALINUX-ALLOW:details*
@WIN-ALLOW:details*
-->
<html>
<head><style>
button {
  anchor-name: --anchor-el;
  margin: 60dvh;
}

div {
  position: absolute;
  position-anchor: --anchor-el;
  bottom: anchor(top);
  right: anchor(right);
  background: skyblue;
}

</style></head>
<body>
  <div>target</div>
  <button>anchor</button>
</body>
</html>