Псевдоэлементы.

Произношение ключевых слов CSS на английском.

Надпись «Псевдоэлементы» и логотип «HTML CSS» на синем фоне

Голосовое произношение на английском языке ключевых слов используемых для стилизации определенных частей выбранного элемента, с переводом на русский и краткой справкой.

Псевдоэлементы это ключевое слово, добавляемое к селектору, которое позволяет задать стиль элементов не определённых в дереве элементов документа, а также генерировать содержимое, которого нет в исходном коде текста. Их отличает от псевдоклассов то, что последние определяют состояние уже существующих элементов, которое может меняться при определенных условиях.

Слушать произношение:

  • first-letter
  • - [fəːst ˈlɛtə] -
  • первый символ

::first-letter - псевдоэлемент, определяет стиль первого символа в тексте элемента, к которому добавляется. Пример: p::first-letter { color: red }

  • first-line
  • - [fəːst laɪn] -
  • первая строка

::first-line - псевдоэлемент, определяет стиль первой строки блочного текста. Пример: p::first-line {color: navy;}

  • after
  • - [ˈɑːftə] -
  • после

Другие варианты перевода: спустя, вслед

::after - псевдоэлемент, используется для вывода контента после содержимого элемента, к которому он добавляется, работает совместно со свойством content. Пример: p.new::after {content: "любой текст";}

  • before
  • - [bɪˈfɔː] -
  • перед

Другие варианты перевода: до, выше, впереди

::before - псевдоэлемент, применяется для отображения контента до содержимого элемента, к которому он добавляется. Работает совместно со свойством content. Пример: p.new::before {content: "любой текст";}

  • backdrop
  • - [ˈbakdrɒp] -
  • фон на котором развёртываются события

Другие варианты перевода: задник

:backdrop псевдоэлемент, отображается ниже самого верхнего элемента в стеке по оси Z, но выше всех остальных элементов на странице, если они имеются. Обычно ::backdrop применяется для затемнения страницы. Работает только с модальными окнами, созданными с помощью элемента dialog. - Пример: dialog::backdrop { background: rgba(0,0,0,0.7); }

  • placeholder
  • - [ˈpleɪshəʊldə] -
  • метка-заполнитель

Другие варианты перевода: структурный нуль

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

::placeholder псевдоэлемент, с помощью которого задаётся стилевое оформление подсказывающего текста, созданного атрибутом placeholder. Допускается использовать свойства для изменения вида текста, например, задать шрифт и цвет. - Пример: input[type="search"]::placeholder { color: #ffd595; }

  • selection
  • - [sɪˈlɛkʃ(ə)n] -
  • выбор

::selection псевдоэлемент, применяет стиль к выделенному пользователем тексту. - Пример: p::selection { color: #ff0; }

  • pseudo-elements
  • - [ˈsjuːdəʊ ˈelɪmənts] -
  • псевдо-элементы
  • pseudo
  • - [ˈsjuːdəʊ] -
  • псевдо

Другие варианты перевода: ложный, фальшивый, поддельный

  • element
  • - [ˈɛlɪm(ə)nt] -
  • элемент

Элемент — составляющая часть чего-либо (особенно — простая, не состоящая, в свою очередь, из других частей).

_____ 50

Селектор (selector) — это элемент, к которому будут применяться назначаемые стили. Это может быть тег, класс, идентификатор или атрибут со значением или без. Пример: h1, div, .myClass, #main, a[target="_blank"]

Мир: 2200 7704 0666 4963
Яндекс: 41 00 11 25 13 54 962
Киви: ALEKS33550336
  1. Похожие страницы:
  2. Произношение названий тегов HTML.
  3. Атрибуты HTML на английском.
  4. Произношение значений атрибутов.
  5. Слова и фразы на тему HTML.
Оглавление раздела «CSS»
  1. Дескрипторы и атрибуты.
  2. Наследование или сбрасывание значений.
  3. Ключевые слова CSS для создания содержимого.
  4. Псевдоклассы.
  5. Псевдоэлементы.
  6. Название цветов используемых в CSS.
  7. Свойства для изменения цвета и фона.
  8. Раздел «CSS».Главная страница раздела
  9. Тематический аудио-класс.Смотреть все