22.12.2013 Views

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

W3C CSS2 Cascading Style Sheets, level 2 - instructional media + ...

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

This is a very short document.<br />

This is the end.<br />

<br />

<br />

should produce something like:<br />

This is the first paragraph<br />

in this document.<br />

Note 1:<br />

This is a very short<br />

document.<br />

’marker-offset’<br />

This is the end.<br />

Value: | auto | inherit<br />

Initial: auto<br />

Applies to: elements with ’display: marker’<br />

Inherited: no<br />

Percentages: N/A<br />

Media: visual<br />

This property specifies the distance between the nearest border edges [p. 82]<br />

of a marker box and its associated principal box [p. 97] . The offset may either be<br />

a user-specified () or chosen by the UA (’auto’). Lengths may be negative,<br />

but there may be implementation-specific limits.<br />

The following example illustrates how markers may be used to add periods<br />

after each numbered list item. This HTML program and style sheet:<br />

<br />

<br />

<br />

Marker example 5<br />

<br />

P { margin-left: 8em } /* Make space for counters */<br />

LI:before {<br />

display: marker;<br />

marker-offset: 3em;<br />

content: counter(mycounter, lower-roman) ".";<br />

counter-increment: mycounter;<br />

}<br />

<br />

<br />

<br />

This is a long preceding paragraph ...<br />

<br />

This is the first item.<br />

This is the second item.<br />

This is the third item.<br />

<br />

This is a long following paragraph ...<br />

<br />

<br />

167

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!