CSS властивості
ГлавнаяДовідник CSSПсевдоклас CSS :lang

Псевдоклас CSS :lang

196

Визначає мову, яка використовується у документі або його фрагменті. За допомогою псевдокласу :lang можна задавати певні налаштування, характерні для різних мов, наприклад, вид лапок у цитатах.

Синтаксис

 <code><i>Селектор</i>:lang(<мова>) { ... }

Позначення

Опис Приклад
<тип> Вказує тип значення. <розмір>
A && B Значення повинні виводитися в зазначеному порядку. <размер> && <колір>
A | B Вказує, що потрібно вибрати лише одне значення із запропонованих (A або B). normal | small-caps
A || B Кожне значення може використовуватися самостійно або спільно з іншими у довільному порядку. width || count
[ ] Групує значення. [ crop || cross ]
* Повторювати нуль або більше разів. [,<час>]*
+ Повторювати один або більше разів. <число>+
? Вказаний тип, слово або група не є обов'язковим. inset?
{A, B} Повторювати не менше A, але не більше B разів. <радіус>{1,4}
# Повторювати один або більше разів через кому. <час>#

Значення

В якості мови можуть бути такі значення: ua — російська; en — англійська; de — німецька; fr — французька; it — італійська та ін.

Приклад

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>lang</title> <style> p { font-size: 1.5em; /* Розмір тексту */
} 
q:lang(de) { quotes: "\201E" "\201C"; /* Вид лапок для німецької мови */
} 
q:lang(en) { quotes: "\201C" "\201D"; /* Вид лапок для англійської мови */
} 
q:lang(fr), q:lang(ru) { /* Вид лапок для російської та французької мови */
quotes: "\0AB" "\0BB"; }
</style>
</head>
<body> <p>Цитата французькою мовою: <q lang="fr">Ce que femme veut, Dieu le veut</q>.</p> <p>Цитата німецькою: <q lang="de">Der Mensch, versuche die Gotter nicht</q>.</p> <p>Цитата англійською: <q lang="en">Те be or not to be</q>.</p>
</body>
</html>

Результат цього прикладу показаний на мал. 1. Для відображення типових лапок у прикладі використовується стильова властивість quotes, а саме перемикання мови та відповідного виду лапок відбувається через атрибут lang, що додається до тегу <q>.

Результат використання псевдокласу :lang

Мал. 1. Результат використання псевдокласу :lang

Специфікація

Специфікація Статус
Selectors Level 4 Робочий проект
Selectors Level 3 Рекомендація
CSS Level 2 Revision 1 (CSS 2.1) Рекомендація

Специфікація

Кожна специфікація проходить кілька стадій схвалення.

  • Recommendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт.
  • Candidate Recommendation (Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.) — на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження. та внесення поправок для розгляду спільнотою.
  • Editor's draft (Редакторська чернетка) — чорнова версія стандарту після внесення змін до редакторів проекту.
  • Draft (Чернетка специфікації) — перша чорнова версія стандарту.

Браузери

8 12 1 8 3.1 1
table>

Браузери

У таблиці браузерів застосовуються такі позначення.

  •   ;— властивість повністю підтримується браузером з усіма допустимими значеннями;
  •  — властивість браузером не сприймається та ігнорується;
  •  — при роботі можлива поява різних помилок, або властивість підтримується лише частково, наприклад, не всі допустимі значення діють або властивість застосовується не до всіх елементів, зазначених у специфікації.

Кількість вказує версію браузера, починаючи з якої властивість підтримується.

"field field-name-field-css-cat field-type-taxonomy-term-reference field-label-hidden">
1 1 8 3.1