Implement full list-style-type property through the rendering pipeline: CSS parsing (including list-style shorthand), style computation with inheritance, presentational hints for <ol type> attribute, and marker generation driven by computed styles instead of parent tag inspection. Tag-level defaults (decimal for ol, disc for ul) are applied in style computation before the cascade so presentational hints from <ol type="..."> correctly override them. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
86 lines
3.2 KiB
Plaintext
86 lines
3.2 KiB
Plaintext
LayoutBox node=#1 tag=html box=block
|
|
content: (0, 0, 800, 156.8)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#2 tag=body box=block
|
|
content: (8, 8, 784, 140.8)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 8 8 8 8
|
|
LayoutBox node=#3 tag=ul box=block
|
|
content: (48, 24, 744, 108.8)
|
|
padding: 0 0 0 40
|
|
border: 0 0 0 0
|
|
margin: 16 0 16 0
|
|
LayoutBox node=#5 tag=li box=block
|
|
content: (48, 24, 744, 89.600006)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
marker: "•"
|
|
LayoutBox node=#6 tag=(anonymous-block) box=block
|
|
content: (48, 24, 744, 19.2)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.2, max_width=28.534508
|
|
line[0]: rect=(48, 24, 28.534508, 19.2) fragments=1
|
|
frag[0]: rect=(48, 24, 25.480175, 16) text="Fruit" start=false end=false
|
|
LayoutBox node=#6 tag=anonymous box=anon
|
|
content: (0, 0, 28.534508, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Fruit "
|
|
LayoutBox node=#7 tag=ol box=block
|
|
content: (88, 59.2, 704, 38.400005)
|
|
padding: 0 0 0 40
|
|
border: 0 0 0 0
|
|
margin: 16 0 16 0
|
|
LayoutBox node=#9 tag=li box=block
|
|
content: (88, 59.2, 704, 19.2)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
marker: "1."
|
|
inline_context: 1 lines, height=19.2, max_width=31.612335
|
|
line[0]: rect=(88, 59.2, 31.612335, 19.2) fragments=1
|
|
frag[0]: rect=(88, 59.2, 31.612337, 16) text="Apple" start=false end=false
|
|
LayoutBox node=#10 tag=anonymous box=anon
|
|
content: (0, 0, 31.612337, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Apple"
|
|
LayoutBox node=#12 tag=li box=block
|
|
content: (88, 78.4, 704, 19.200005)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
marker: "2."
|
|
inline_context: 1 lines, height=19.200005, max_width=41.926575
|
|
line[0]: rect=(88, 78.4, 41.926575, 19.2) fragments=1
|
|
frag[0]: rect=(88, 78.4, 41.92658, 16) text="Banana" start=false end=false
|
|
LayoutBox node=#13 tag=anonymous box=anon
|
|
content: (0, 0, 41.92658, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Banana"
|
|
LayoutBox node=#17 tag=li box=block
|
|
content: (48, 113.600006, 744, 19.199997)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
marker: "•"
|
|
inline_context: 1 lines, height=19.199997, max_width=55.23642
|
|
line[0]: rect=(48, 113.600006, 55.23642, 19.2) fragments=1
|
|
frag[0]: rect=(48, 113.600006, 55.236416, 16) text="Vegetable" start=false end=false
|
|
LayoutBox node=#18 tag=anonymous box=anon
|
|
content: (0, 0, 55.236416, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Vegetable"
|