css-test: content property Part 2 — XHTML/CSS2

This is a normal link:
example

The following tests have the content property set on the :after pseudo element of the <a /> element. The corresponding stylesheet is inserted via a <link /> element.

Section 1: Using RIGHT-POINTING DOUBLE ANGLE QUOTATION MARK as the content property value

2-1-1: Escaping the hexadecimal encoding with backslash

a#contentISO:after { margin-left: 1em; content: '\BB'; color: green; }

Result:
example

2-1-2: Delimiting the hexadecimal encoding with ampersand and semicolon

a#contentISOdel-hx:after { margin-left: 1em; content: '»'; color: green; }

Result:
example

2-1-3: Delimiting the decimal encoding with ampersand and semicolon

a#contentISOdel-dc:after { margin-left: 1em; content: '»'; color: green; }

Result:
example

Section 2: Using CHECK MARK as the content property value

2-2-1: Escaping the hexadecimal encoding with backslash followed by SPACE

a#contentUTF:after { margin-left: 1em; content: '\2713 '; color: green; }

Result:
example

2-2-2: Escaping the hexadecimal encoding with backslash padded with leading DIGIT ZERO

a#contentUTFpadded:after { margin-left: 1em; content: '\002713'; color: green; }

Result:
example

2-2-3: Delimiting the hexadecimal encoding with ampersand and semicolon

a#contentUTFdel-hx:after { margin-left: 1em; content: '✓'; color: green; }

Result:
example

2-2-4: Delimiting the decimal encoding with ampersand and semicolon

a#contentUTFdel-dc:after { margin-left: 1em; content: '✓'; color: green; }

Result:
example