Контент

Оновлено: 20.01.2023

Контент

Створення вмісту, якого початково немає в коді документа.

  • content

    content

    Властивість content дає змогу вставляти вміст, що генерується, у текст веб-сторінки, який спочатку в тексті відсутній. Застосовується спільно з псевдоелементами ::after і ::before, вони відповідно вказують відображати новий вміст після або до вмісту елемента, до якого додаються.

  • counter-increment

    counter-increment

    Стильова властивість counter-increment призначена для збільшення значення лічильника прирощень, який задається властивістю counter-reset. Такий лічильник підраховує кількість відображень елементів на сторінці та може виводитися за допомогою властивості content і псевдоелементів ::after і ::before. Це дає змогу створювати списки (зокрема багаторівневі), у яких нумерація та вигляд задаються через стилі.

  • quotes

    quotes

    Встановлює тип лапок, який застосовується в тексті документа. У кожній мові існують свої традиції для позначення лапок, властивість quotes дає змогу задати вид їхнього відображення в усьому тексті та встановити в такий спосіб його однакове оформлення. Додавання лапок відбувається автоматично для вмісту контейнера <q>, а також для тексту, до якого застосовується стильова властивість content зі значенням open-quote (відкриваюча лапка) або close-quote (закриваюча лапка).

  • Псевдоелемент ::after

    Псевдоелемент ::after

    Псевдоелемент, який використовується для виведення контенту після вмісту елемента, до якого він додається. Псевдоелемент ::after працює спільно з властивістю content.

  • Псевдоелемент ::before

    Псевдоелемент ::before

    Псевдоелемент ::before застосовується для відображення контенту до вмісту елемента, до якого він додається. Працює спільно з властивістю content.