mirrors/ladybird
0
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-09-12 04:22:28 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

LibWeb: Implement text-align: match-parent

Browse source 
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.
This commit is contained in:
Sam Atkins 2025-02-03 16:06:07 +00:00
commit 070c4a2045
Notes: github-actions[bot] 2025-02-05 17:46:38 +00:00
8 changed files with 154 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

38
Tests/LibWeb/Ref/input/css/css-text/text-align-match-parent.html Normal file
View file

@ -0,0 +1,38 @@
<!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>