Sposób wyświetlania: display
Elementy blokowe: display:block 
Elementy blokowe w CSS to co innego, niż elementy blokowe XHTML.
Element będzie traktowany jako prostokąt i domyślnie będzie sam w linii (o ile tego nie zmieni float lub position).
Elementy blokowe mogą mieć nadane wymiary i ich pionowe marginesy wpływają na sąsiednie elementy. Nie reagują na text-align.
Elementy liniowe: display:inline
Elementy liniowe w CSS to co innego, niż elementy liniowe XHTML.
Elementy liniowe zachowują się jak tekst i mogą być przenoszone do nowej linii.
Elemeny liniowe nie mogą mieć nadanych wymiarów (poza line-height). Pionowe marginesy i padding nie odsuwają linii od siebie.
Elementy liniowo-blokowe: display:inline-block 
Są elementami blokowymi umieszczonymi w linii tekstu tak, jak elementy liniowe. Zawartość elementów inline-block może być dowolna. Można nadać im wymiary.
Elementy wstawione: display:run-in
Element z display:run-in stanie się pierwszym elementem liniowym w następnym bloku. Jest to efekt nieco przypominający float:left.
Dzięki temu można zrobić nagłówki oraz terminy definicji w tej samej linii, co tekst za nimi.
<h1>Nagłówek</h1><p>Tekst</p>Nagłówek Tekst
Elementy tabel: display:table
Elementy niewidoczne: display:none
Właściwości zmieniające display 
Elementy pozycjonowane absolutnie oraz float zawsze mają wymuszony display:block niezależnie od wartości podanej
w arkuszu.
Pytania? Komentarze? Napisz na forum kursu lub edytuj tę stronę.
Zmodyfikowano: 10.11.2009, 19:38