Добавление объектов HTML в CSS свойство content

Development | Amber | Комментировать запись

Хотите знать, как вставлять специальные символы в сгенерированное CSS свойство content?

В этом кратком мануале мы покажем вам, как это делается.

Требования

Чтобы выполнить данные инструкции, вам понадобятся общие знания HTML5. Если вам нужно освежить свои знания или вы хотите получить всесторонний обзор языка разметки HTML5, изучите серию руководств «Как создать веб-сайт в HTML».

Вставка специальных символов в CSS

Специальные символы и другие символы можно вставить в сгенерированный content CSS, используя вместо обычного обозначения HTML их шестнадцатеричные обозначения. Например, © (символ ©) в шестнадцатеричном виде становится \\00a9.

Вот еще один пример:

.foo::before {
  content: "An ellipsis26";
}

Шпаргалка и инструмент преобразования

По этой ссылке вы найдете отличную шпаргалку, которая поможет вам отыскать необходимую CSS-нотацию для различных символов.

Также преобразовать HTML-объекты в их нотацию CSS можно при помощи специальных инструментов. Рекомендуем попробовать один из них, например, вот этот.

Заключение

Теперь вы знаете, как вставлять специальные символы в CSS.