Атрибут `dir` тега `<blockquote>`

Описание

Атрибут dir для тега <blockquote> определяет направление текста внутри цитаты. Это особенно важно для:

Цитат на языках с письмом справа налево (RTL)
Смешанного контента с разным направлением текста
Обеспечения правильного отображения многоязычных цитат

Пример использования:

<blockquote dir="rtl" lang="ar"> <p>الخيال أهم من المعرفة</p> <footer>— <cite>ألبرت أينشتاين</cite></footer> </blockquote>

Значения атрибута:

Значение	Описание	Применение
`ltr`	Слева направо (по умолчанию)	Для большинства европейских языков
`rtl`	Справа налево	Арабский, иврит, персидский
`auto`	Автоматическое определение	Для смешанного контента

Особенности работы:

Наследуется дочерними элементами
Рекомендуется сочетать с атрибутом lang
Влияет на порядок пунктуации и нумерации
Может потребовать дополнительных CSS-стилей

Пример с автоматическим определением:

<blockquote dir="auto"> <p>This is English text - هذا نص عربي</p> </blockquote>

Стилизация для RTL-цитат:

/* Стили для RTL-цитат */ blockquote[dir="rtl"] { border-right: 4px solid #2a5db0; border-left: none; padding-right: 1.5em; padding-left: 0; text-align: right; } /* Специфичные шрифты для арабского */ blockquote[lang="ar"] { font-family: 'Arabic Font', sans-serif; }

Совет: Для цитат со смешанным направлением текста используйте <bdi> внутри <blockquote>.

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

<blockquote dir="ltr"> <p>As Einstein said: <bdi dir="rtl" lang="ar">الخيال أهم من المعرفة</bdi></p> </blockquote>

Атрибут dir тега <blockquote>