elementy blokowe - Kurs HTML i CSS
Wstawianie stylów CSS / Wydzielone bloki <div style>...Generalnie element blokowy (DIV) może zawierać wewnątrz siebie zwykły tekst, jak również inne elementy blokowe. Został on pomyślany do tworzenia obszerniejszych struktur. Natomiast elementy wyświetlanie w linii (SPAN) nie mogą zawierać elementów blokowych, ale mogą inne elementy wyświetlane w linii oraz zwykły tekst. Wewnątrz DIV można oczywiście wpisać również SPAN [Aby dowiedzieć się więcej, zobacz: Wyświetlanie]. Zwróć uwagę, że...
- Pozycjonowanie CSS / Wyświetlanie {display}
...przechodzą do nowej linii. Jaka jest różnica między "inline" a "inline-block"? Różnica między inline a inline-block polega na tym, że elementy inline zachowują się jak tekst i nie można ustawić dla nich szerokości ani wysokości, podczas gdy elementy inline-block zachowują się jak elementy blokowe, ale nadal są wyświetlane w jednej linii, a można dla nich ustawić szerokość i wysokość. Jak wyśrodkować "inline-block"? Aby wyśrodkować element inline-block wewnątrz jego...
- Rozmiary CSS / Przepełnienie tekstu {text-overflow}
...Selektorem może być znacznik wyświetlany w bloku [zobacz: Wstawianie stylów]. Jako "sposób" należy podać: clip - niemieszczący się tekst i elementy inline zostaną przycięte (domyślnie) ellipsis - na końcu przyciętych linijek zostanie wstawiony wielokropek, tzn. pojedynczy znak: "…" albo w ostateczności trzy znaki kropki: "..." Normalnie w języku CSS nawet jeśli ustalimy szerokość elementu, ale następnie umieścimy w nim szerszy tekst - np. blokując jego zawijanie przy pomocy stylu...
- Komendy CSS 2 / background-position
...<długość> ]{1,2} | [ [top | center | bottom] || [left | center | right] ] ] | inherit OPIS Pozycja tła INICJALIZACJA 0% 0% ZASTOSOWANIE elementy blokowe i zastępowane DZIEDZICZENIE nie PROCENTY odnosi się do rozmiaru bloku MEDIA visual
- Komendy CSS 2 / clear
WARTOŚĆ none | left | right | both | inherit OPIS Przyleganie do elementu pływającego INICJALIZACJA none ZASTOSOWANIE elementy blokowe DZIEDZICZENIE nie PROCENTY nie MEDIA visual
- Komendy CSS 2 / clip
WARTOŚĆ <shape> | auto | inherit OPIS Obcinanie INICJALIZACJA auto ZASTOSOWANIE elementy blokowe i zastępowane DZIEDZICZENIE nie PROCENTY nie MEDIA visual
- Komendy CSS 2 / orphans
WARTOŚĆ <liczba> | inherit OPIS Minimalna liczba linii bloku, które muszą znaleźć się na dole strony INICJALIZACJA 2 ZASTOSOWANIE elementy blokowe DZIEDZICZENIE tak PROCENTY nie MEDIA visual, paged
- Komendy CSS 2 / overflow
WARTOŚĆ visible | hidden | scroll | auto | inherit OPIS Kontroluje przepełnienie elementu INICJALIZACJA visible ZASTOSOWANIE elementy blokowe i zastępowane DZIEDZICZENIE nie PROCENTY nie MEDIA visual
- Komendy CSS 2 / page
WARTOŚĆ <identyfikator> | auto OPIS Nazwa strony INICJALIZACJA auto ZASTOSOWANIE elementy blokowe DZIEDZICZENIE tak PROCENTY nie MEDIA visual, paged
- Komendy CSS 2 / page-break-after
WARTOŚĆ auto | always | avoid | left | right | inherit OPIS Przełamanie strony po bloku INICJALIZACJA auto ZASTOSOWANIE elementy blokowe DZIEDZICZENIE nie PROCENTY nie MEDIA visual, paged