::before and ::after

The ::before and ::after CSS pseudo-elements select inline boxes preceding and following an element. They are often used with the content property to generate cosmetic content.

Baseline Status: Achieved Widely Available on Jan 29, 2018 (Cross-browser Newly Available since Jul 29, 2015).

Desktop Browser Engine Support

Google Chrome

1

Supported

Mozilla Firefox

1.5

Supported

Apple Safari

4

Supported

Microsoft Edge

12

Supported

Mobile Browser Engine Support

Chrome Android

18

Firefox Android

4

Safari iOS

3.2

Specifications and References

Specification ↗ Can I Use (css-gencontent) ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.selectors.after ↗ css.selectors.after.animation_and_transition_support ↗ css.selectors.before ↗ css.selectors.before.animation_and_transition_support ↗