Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

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

Дата:7.12.15 в 15:51
Справочник: 

Характеристики свойства

В каких браузерах работает?

8.0+ 2.0+ 8.0+ 3.1+ 1.0+ 2.1 2.0

В каких версиях CSS используется?

CSS 1 CSS 2 CSS 2.1 CSS 3
- + + +

Для чего используется?

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

Как правильно задавать?

селектор:lang(обозначение языка) { ... }

Какие могут быть значения?

Значениями для этого псевдокласса выступают сокращения языков. Считаю необходимым упомянуть наиболее распространенные языки:

  • ru — русский;
  • en — английский;
  • de — немецкий;
  • fr — французский.

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

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Атрибут lang</title>
  <style>
 
   q:lang(de) {
    quotes: "\201E" "\201C"; 
   }
   q:lang(en) {
    quotes: "\201C" "\201D"; 
   }
   q:lang(fr), q:lang(ru) { 
    quotes: "\00AB" "\00BB"; 
   }
  </style>
 </head>
 <body>
 <p>Французкий текст: 
   <q lang="fr">Tous les auto-création et promotion de sites</q>.
  </p>
  <p>Немецкий текст: 
  <q lang="de">Alle von der Selbsterschaffung und
   Promotion von Websites</q>.
  </p>
  <p>Английский текст: 
   <q lang="en">All of the self-creation and promotion of sites</q>.
   </p>
 </body>
</html>

По итогу получаем

lang

Оценка: 
Оценок: 2 (средняя 5 из 5)
Тип CSS свойства: 
Понравилась статья? Расскажите о ней друзьям: