Атрибут style тега <q>

Описание

Атрибут style для тега <q> позволяет задавать CSS-стили непосредственно для элемента цитаты. Эти стили применяются только к конкретному элементу и имеют высокий приоритет.

Пример использования:
<q style="color: #2e7d32; font-style: italic; quotes: '«' '»';"> Это стилизованная цитата с кастомными кавычками </q>

Ключевые возможности стилизации:

Свойство CSS Описание Пример
quotes Определяет вид кавычек quotes: "“" "”" "‘" "’"
color Цвет текста цитаты color: #d32f2f;
font-style Стиль шрифта (обычный/курсив) font-style: normal;
::before, ::after Стилизация кавычек content: none;

Пример с кастомными кавычками:

<q style=" quotes: '„' '“'; font-style: normal; color: #1565c0; position: relative; padding-left: 20px; "> Цитата с немецкими кавычками и дополнительным оформлением </q>

Рекомендации:

  • Используйте для разовых стилевых правок
  • Для сложной стилизации выносите CSS в отдельные правила
  • Сохраняйте читаемость цитат при стилизации
  • Учитывайте культурные особенности кавычек для разных языков

Ограничения:

  • Стили не наследуются вложенными элементами
  • Нет поддержки медиа-запросов
  • Усложняет поддержку кода

Примечание: Для поддержания единого стиля цитат на сайте рекомендуется использовать CSS-классы вместо inline-стилей. Inline-стили лучше применять только для исключительных случаев или динамического изменения стилей через JavaScript.