// Tutorial //

How To Add HTML Entities in the CSS Content Property

Published on June 21, 2016 · Updated on October 12, 2020
Default avatar

By Alligator.io

How To Add HTML Entities in the CSS Content Property

Introduction

Wondering how to insert special characters and symbols inside generated CSS content? This article will show you how.

Prerequisites

Inserting Special Characters into CSS

Insert special characters and symbols inside generated CSS content using their hex notation instead of the usual HTML entity notation. For example, © becomes \\00a9:

Here’s another example:

.foo::before {
  content: "An ellipsis\2026";
}

Cheatsheet and Conversion Tool

Conclusion

This is how you insert special characters and symbols into CSS.

For a more comprehensive review of the HTML5 markup language, explore our series, How To Build a Website in HTML.

Thanks for learning with the DigitalOcean Community. Check out our offerings for compute, storage, networking, and managed databases.

Learn more about us


About the authors
Default avatar
Alligator.io

author



Still looking for an answer?

Ask a questionSearch for more help

Was this helpful?
 
Leave a comment


This textbox defaults to using Markdown to format your answer.

You can type !ref in this text area to quickly search our full set of tutorials, documentation & marketplace offerings and insert the link!

Try DigitalOcean for free

Click below to sign up and get $200 of credit to try our products over 60 days!

Sign up