CSS vlastnost content

CSS vlastnost content slouží ke vkládání textu pomocí CSS před, nebo za jiný text v HTML. Většinou je potřeba také za text v content vložit mezeru, aby se nový text nelepil na ten v HTML. Pro vložení textu před jiný text v HTML slouží vlastnost before (= předtím) – Živá ukázka:

.text:before {
    content: "Nějaký nový text před jiným textem. "; /* Zde zadáme nový text */
}

Pro vložení textu za jiný text v HTML slouží vlastnost after (= potom) – Živá ukázka:

.text:after {
    content: "Nějaký nový text za jiným textem. "; /* Zde zadáme nový text */
}

Do vlastnosti content nelze vkládat HTML značky (div, span, strong…). Ve zdrojovém kódu se pochopitelně nezobrazí vkládaný text pomocí contentu hned vedle něj, ale zobrazí se až po zobrazení CSS souboru. Tato vlastnost je tedy dobrá třeba před kopírovaním zdrojový kódů (pokud nezkopíruje i CSS).

Pokud Vás zajímá, jak nahradit text pomocí CSS vlastnosti content za jiný, koukněte na tento článek.

 

Napište komentář!