Atrybut content w CSS

Definicja i użycie

Atrybut content jest używany z pseudoelementami :before i :after, aby wstawić generowaną treść.

Wyjaśnienie

Właściwość ta służy do zdefiniowania generowanego treści umieszczonej przed lub po elemencie. Domyślnie, jest to zazwyczaj treść wierszowa, ale typ ramki tworzonej przez treść można kontrolować za pomocą atrybutu display.

Zobacz również:

CSS Reference Manual:Pseudoelement :before w CSS

CSS Reference Manual:Pseudoelement :after w CSS

HTML DOM Reference Manual:Atrybut content

Przykład

Poniższe przykłady wstawiają nawiasy z URL po każdym linku:

a:after
  {
  content: " (" attr(href) ")";
  }

Spróbuj sam

CSS syntax

content: normal|none|counter|attr|string|open-quote|close-quote|no-open-quote|no-close-quote|url|initial|inherit;

Wartość atrybutu

Wartość Opis
none 　
normal 　
specyfikacje content 　
inherit Zdefiniowano, że wartość właściwości content powinna być dziedziczona od elementu nadrzędnego.

Techniczne szczegóły

Domyślna wartość: normal
Inheredność: nie
Wersja: CSS2
JavaScript syntax: object.style.content="url(beep.wav)"

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 4.0