Skip to main content

Visit Mozilla.org

CSS::after

z Mozilla Developer Center, polskiego centrum programistów Mozilli.

« Dokumentacja CSS

[edytuj] Podsumowanie

Tworzy pseudoelement, który staje się ostatnim dzieckiem danego elementu. Zazwyczaj używany jest do wprowadzania kosmetycznych zmian danego elementu. Domyślnie element wstawiany jest inline.

[edytuj] Składnia 

selektor:after { własności }

Najczęściej używana jest własność content, która pozwala na wstawienie treści do pseudoelementu.

[edytuj] Przykłady

Zobacz przykład 

<html>
  <body>
    <p>paragraf</p>
  </body>
</html>

p:after { 
  content: 'Koniec'; 
  display: block;
  margin-top: 3em;
}

body:after { content: 'Koniec dokumentu'; }

[edytuj] Notatki

Elementy wstawiane do dokumentu poprzez :after nie są widziane w drzewie dokumentu.

[edytuj] Specyfikacje

[edytuj] Zobacz także

:before, content

Źródło: "http://developer.mozilla.org/pl/docs/CSS::after"