css-test: content property Part 1 — 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 directly inserted via a <style /> element in the <head /> of this document.

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

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

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

Result:
example

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

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

Result:
example

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

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

Result:
example

Section 2: Using CHECK MARK as the content property value

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

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

Result:
example

1-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

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

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

Result:
example

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

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

Result:
example