css-test: content property Part 2 — HTML/CSS3

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