elementy blokowe - Kurs HTML i CSS
Rozmiary CSS / Szerokość i marginesy automatyczne...sądzić - ale auto. Zapamiętaj tę zasadę, bo dzięki temu unikniesz wielu nieporozumień. Przedstawione poniżej punkty 1-6 oraz 9-10 obejmują również elementy pozycjonowane relatywnie. 1. Elementy inline, nie-zastępowane Przykład: SPAN, B, I i inne (ale nie IMG, INPUT, TEXTAREA, SELECT, OBJECT, które są elementami zastępowanymi). Własność width nie ma zastosowania (nie można jej przypisać). Podanie wartości auto dla left, right, margin-left lub margin-right oznacza przyjęcie dla nich...
- Rozmiary CSS / Wysokość i marginesy automatyczne
...oraz pionowych marginesów elementów (margin-top, margin-bottom), po przypisaniu im wartości auto. Przedstawione poniżej punkty 1-3 obejmują również elementy pozycjonowane relatywnie. 1. Elementy inline, nie-zastępowane Jeżeli własności top, bottom, margin-top lub margin-bottom mają przypisaną wartość auto, przyjmują ostateczną wartość zero. Własność height nie ma zastosowania (nie można jej przypisać), ale zależy od wysokości linii (line-height). 2. Elementy zastępowane: inline, blokowe...
- Komendy CSS3 / Fragmentacja CSS
...break-inside orphans widows box-decoration-break Dekoracja przełamania Wartość slice | clone Inicjalizacja slice Zastosowanie wszystkie elementy Dziedziczenie nie Procenty nie Media visual break-after Przełamanie po... Wartość auto | avoid | avoid-page | page | left | right | recto | verso | avoid-column | column | avoid-region | region Inicjalizacja auto Zastosowanie elementy blokowe, dzieci kontenera układu siatki, dzieci kontenera elastycznego, wiersze i grupy wierszy...
HTML5 / Zmienione elementy i atrybuty HTML5Spis treści Zmienione elementy Zmienione atrybuty Odradzane atrybuty Zmienione elementy A Jeżeli sam nie zawiera się w elemencie wyświetlanym w linii, może obejmować sobą również elementy blokowe z wyjątkiem interaktywnych: A, BUTTON, DETAILS, EMBED, IFRAME, LABEL, SELECT, TEXTAREA, AUDIO (z atrybutem controls), IMG (z atrybutem usemap="..."), INPUT (z atrybutem type="..." innym niż "hidden"), MENU (z atrybutem type="toolbar"), OBJECT (z atrybutem usemap="..."), VIDEO (z atrybutem...
- Komendy CSS3 / Tekst CSS
...Dziedziczenie tak Procenty nie letter-spacing Odstęp między literami Wartość normal | <length> Inicjalizacja normal Zastosowanie tekst i elementy inline w przypadku "display: flow" Dziedziczenie tak Procenty nie line-break Ścisłość przełamania linii Wartość auto | loose | normal | strict | anywhere Inicjalizacja auto Zastosowanie tekst Dziedziczenie tak Procenty nie overflow-wrap Przycinanie zawijania Wartość normal | break-word | anywhere Inicjalizacja normal...
- Komendy CSS3 / Układ wielokolumnowy CSS
...column-span column-width columns column-count Liczba kolumn Wartość auto | <integer [1,∞]> Inicjalizacja auto Zastosowanie elementy blokowe z wyjątkiem tabel Dziedziczenie nie Procenty nie column-fill Wypełnienie kolumn Wartość auto | balance | balance-all Inicjalizacja balance Zastosowanie kontenery układu wielokolumnowego Dziedziczenie nie Procenty nie column-rule Atrybuty mieszane linii rozdzielająca kolumny Wartość <'column-rule-width'>...
- Marginesy CSS / Model pudełkowy CSS
...i stylizację elementów na stronie. Co to jest model blokowy? Model blokowy odnosi się do sposobu wyświetlania elementów w HTML i CSS, gdzie elementy blokowe (np. <div>, <p>) zajmują całą dostępną szerokość oraz tworzą nową linię powyżej i poniżej nich. W przeciwieństwie do elementów liniowych, elementy blokowe można stylizować przy użyciu właściwości CSS, takich jak szerokość, marginesy czy obramowanie. Przykładowy kod: <div style="width: 300px; margin: 10px; background-color...
- Komendy CSS3 / Podstawowy interfejs użytkownika CSS
...resize text-overflow box-sizing Wymiarowanie pudełka Wartość content-box | border-box Inicjalizacja content-box Zastosowanie wszystkie elementy, które akcektują szerokość i wysokość Dziedziczenie nie Procenty nie Media visual caret-color Kolor karetki tekstowej Wartość auto | <color> Inicjalizacja auto Zastosowanie wszystkie elementy Dziedziczenie tak Procenty nie Media interactive cursor Kursor myszki Wartość [ [<url> [<x> <y>]?,]* [ auto | default | none...
- Menu w CSS / Poziome menu
...interpretacja w większości przeglądarek Możliwość łatwego wyrównania odnośników do lewej lub prawej strony, a także wyśrodkowania Nie wpływa na elementy znajdujące się poniżej Wady: Brak możliwości ustalenia jednakowej szerokości pozycji listy Odstępy między odnośnikami zależą od rodzaju i rozmiaru czcionki, a przy tym nie mogą być mniejsze niż szerokość jednej spacji Ustawiając wyświetlanie w bloku (block) oraz oblewanie (float) dla pozycji listy: ul, ul li { display: block...
- Tekst HTML / Wyświetlanie znaczników HTML
...tak, że każdy taki element jest wyświetlany w nowej linii. Generalnie element blokowy może zawierać wewnątrz siebie zwykły tekst, jak również inne elementy blokowe. Został on pomyślany do tworzenia obszerniejszych struktur niż elementy wyświetlane w linii. Wyjątkiem od tej reguły jest akapit, który mimo że stanowi element blokowy, nie może zawierać w sobie dodatkowych bloków - w tym innych akapitów. w linii - elementy takie są wyświetlane normalnie, tzn. bez dodawania dodatkowych interlinii...