mirror of
https://github.com/RGBCube/serenity
synced 2025-07-27 07:57:46 +00:00
LibWeb: Add naive support for {margin,padding}-{block,inline}
Like other logical properties, we just alias these to the LTR TB default properties for now.
This commit is contained in:
parent
af1798dd04
commit
2c16e8371f
4 changed files with 86 additions and 2 deletions
|
@ -0,0 +1,10 @@
|
|||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (1,1) content-size 798x119.46875 [BFC] children: not-inline
|
||||
BlockContainer <body> at (10,10) content-size 500x101.46875 children: not-inline
|
||||
BlockContainer <div.a> at (31,21) content-size 458x79.46875 children: not-inline
|
||||
BlockContainer <div.b> at (72,52) content-size 376x17.46875 children: inline
|
||||
line 0 width: 41.78125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
|
||||
frag 0 from TextNode start: 0, length: 5, rect: [73,52 39.78125x17.46875]
|
||||
"Hello"
|
||||
InlineNode <span>
|
||||
TextNode <#text>
|
|
@ -0,0 +1,18 @@
|
|||
<!doctype html><style>
|
||||
* {
|
||||
border: 1px solid black;
|
||||
}
|
||||
body {
|
||||
width: 500px;
|
||||
}
|
||||
.a {
|
||||
padding: 100px;
|
||||
padding-block: 10px;
|
||||
padding-inline: 20px;
|
||||
}
|
||||
.b {
|
||||
margin: 90px;
|
||||
margin-block: 30px;
|
||||
margin-inline: 40px;
|
||||
}
|
||||
</style><div class="a"><div class="b"><span>Hello</span>
|
Loading…
Add table
Add a link
Reference in a new issue