Блог веб разработки статьи | видеообзоры | исходный код

Блог веб разработки статьи | видеообзоры | исходный код

webfanat вконтакте webfanat youtube

quotes css

quotes css

Всем привет! Сегодня мы рассмотрим свойство quotes позволяющее форматировать кавычки в тексте. Под форматированием я подразумеваю изменение. Итак, поехали!

Сразу хочу сказать что свойство quotes на данный момент применимо только к тегу q. Данный тег служит для выделения части текста, пример:

<p>
    Исследователи из Microsoft и Google <q>обнаружили четвёртый вариант уязвимости современных процессоров класса Meltdown-Spectre</q>,
    позволяющий несанкционированно получать доступ к данным. Эти ошибки спекулятивного исполнения команд в теории могут быть
    использованы вредоносным ПО, запущенным на уязвимом устройстве или компьютере, или злоумышленником, зарегистрированным в
    системе, для постепенного получения секретов (например, паролей) из защищённого ядра или памяти приложения.
    Ранее были известны три основных варианта таких атак. Spectre — это название двух уязвимостей: вариант 1 или CVE-2017-5753
    (обход проверки границ) и вариант 2 или CVE-2017-5715 (целевое внедрение в ветвь). Вариант 3 назывался Meltdown или CVE-2017-5754
    (загрузка в кеш мошеннических данных).
</p>

Здесь мы в тексте с помощью тега q выделили главное сообщение рубрики. Визуально выделенная часть обрамляется двойными верхними кавычками. И как раз данные кавычки мы можем форматировать через свойство quotes.

К примеру от кавычек можно избавится, просто используя значение none.

q{
     quotes:none;
 }

В результате кавычки исчезнут.

Для указания кавычек другого типа можно просто сделать так.

q{
 quotes:'"' '"';
}

Здесь выделенная часть текста будет обрамлена простыми двойными кавычками. Также ничто не мешает нам воспользоваться одиночными кавычками.

q{
  quotes:"'" "'";
}

На самом деле обрамлять выделенный текст используя данное свойство можно чем угодно, пример:

q{

  quotes:"(:" ":)";

}

В данном примере выделенный текст начинается с (: и заканчивается на :).

Символы также можно указывать в формате юникод.

q{
 quotes:"\00AB" "\00BB";
}

В общем используйте данное свойство когда хотите что то выделить в тексте.

На этом у меня сегодня все. Желаю вам успехов и удачи! Пока.

Оцените статью:

Статьи

Разработки

Комментарии

В данном разделе пока нет комментариев!

Реклама

Запись экрана

Данное расширение позволяет записывать экран и выводит видео в формате webm