Opis:
CSS display Definiuje sposób wyświetlania elementu.
CSS display - Przykład:
Składnia:
display: value;
CSS display - Spis wartości:
| Nazwa | |
|---|---|
| inline | Wartość domyślna (dla większości elementów). Wyświetla element jako typ inline (np. <span>). |
| block | Wyświetla element jako typ block (np. <p>). |
| flex | Wyświetla element jako typ blokowy elastyczny. |
| inline-block | Wyświetla element jako liniowo-blokowy kontener. |
| inline-flex | Wyświetla element jako liniowo-elastyczny. |
| inline-table | Wyświetla element jako liniowo-tabelaryczny. |
| list-item | Pozwala elementom zachowywać sie jak element listy np. <li>. |
| run-in | Wyświetla element jako liniowy lub blokowy, zależnie od kontekstu. |
| table | Element zachowuje się jak tabela, np. element <table>. |
| table-caption | Element zachowuje się jak podpis, np. element <caption>. |
| table-column-group | Element zachowuje się jak <colgroup>. |
| table-header-group | Element zachowuje się jak <thead>. |
| table-footer-group | Element zachowuje się jak <tfoot>. |
| table-row-group | Element zachowuje się jak <tbody>. |
| table-cell | Element zachowuje się jak <td>. |
| table-column | Element zachowuje się jak <col>. |
| table-row | Element zachowuje się jak <tr>. |
| none | Element nie będzie wyświetlany, a jego istnienie w dokumencie nie będzie miało wpływu na pozostałe elementy. |
| initial | Ustawia domyślną wartość. |
| inherit | Dziedziczy wartość po rodzicu. |
Zobacz również:
margin-left | display | margin-bottom | height | margin |