mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-07-18 23:12:02 +00:00
070c4a2045
At computed-value time, this is converted to whatever the parent's computed value is. So it behaves a little like `inherit`, except that an inherited start/end value uses the parent's start/end, which might be different from the child's.
38 lines
1.1 KiB
HTML
38 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<head>
|
|
<link rel="match" href="../../../expected/css/css-text/text-align-match-parent-ref.html" />
|
|
<style>
|
|
.outer-start { text-align: start; }
|
|
.outer-end { text-align: end; }
|
|
.outer-center { text-align: center; }
|
|
.ltr { direction: ltr; }
|
|
.rtl { direction: rtl; }
|
|
.inner { text-align: match-parent; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="outer-start ltr">
|
|
<div class="inner ltr">Left</div>
|
|
<div class="inner rtl">Left</div>
|
|
</div>
|
|
<div class="outer-center ltr">
|
|
<div class="inner ltr">Center</div>
|
|
<div class="inner rtl">Center</div>
|
|
</div>
|
|
<div class="outer-end ltr">
|
|
<div class="inner ltr">Right</div>
|
|
<div class="inner rtl">Right</div>
|
|
</div>
|
|
<div class="outer-start rtl">
|
|
<div class="inner ltr">Right</div>
|
|
<div class="inner rtl">Right</div>
|
|
</div>
|
|
<div class="outer-center rtl">
|
|
<div class="inner ltr">Center</div>
|
|
<div class="inner rtl">Center</div>
|
|
</div>
|
|
<div class="outer-end rtl">
|
|
<div class="inner ltr">Left</div>
|
|
<div class="inner rtl">Left</div>
|
|
</div>
|
|
</body>
|