left - Kurs HTML i CSS
Pozycjonowanie CSS / Pozycja relatywna {position: relative}...relative; parametry } Selektorem może być praktycznie dowolny znacznik [zobacz: Wstawianie stylów]. Natomiast jako "parametry" należy podać: left: wartość - odległość od lewej krawędzi położenia spoczynkowego top: wartość - odległość od górnej krawędzi położenia spoczynkowego right: wartość - odległość od prawej krawędzi położenia spoczynkowego bottom: wartość - odległość od dolnej krawędzi położenia spoczynkowego Wyraz "wartość" oznacza konkretną odległość (od podanej krawędzi)...
HTML dla zielonych / Akapit HTML <p "text-align">...które obsługuje. W przypadku akapitu można zastosować m.in. następujące: Wyrównanie tekstu do lewej strony (domyślnie) <p style="text-align: left">Treść akapitu</p> lub po prostu <p>Treść akapitu</p> Wyrównanie tekstu do prawej <p style="text-align: right">Treść akapitu</p> Wyśrodkowanie tekstu <p style="text-align: center">Treść akapitu</p> Justowanie tekstu (wyrównanie do obu marginesów jednocześnie) <p style="text-align: justify">Treść akapitu</p> We wszystkich przypadkach...
- Znaki specjalne HTML / Symbole
...arrow Strzałka w dół ↓ ↔ ↔ Left right arrow (horizontal) Strzałka lewo-prawo ↔ ↵ ↵ Downwards arrow with corner leftwards (carriage return) Strzałka w dół z rogiem w lewo (powrót karetki) (w IE6 tylko czcionka Unicode) ↵ ⇐ ⇐ Leftwards double arrow Podwójna strzałka w lewo (w IE6 tylko czcionka Unicode) ⇐ ⇑ ⇑ Upwards double arrow Podwójna strzałka w górę (w IE6 tylko czcionka Unicode) ⇑ ⇒ ⇒ Rightwards...
- Znaki specjalne HTML / Międzynarodowe
...zwj; Zero width joiner Pionowa linia z łącznikiem ‎ ‎ Left-to-right mark Znak "lewa do prawej" ‏ ‏ Right-to-left mark Znak "prawy do lewego" – – En dash Powiększony myślnik – — — Em dash Uwydatniony myślnik — ‘ ‘ Left single quotation mark Lewy pojedynczy znak cudzysłowu ‘ ’ ’ Right single quotation mark Prawy pojedynczy znak cudzysłowu ’ ‚ ‚ Single low-9...
- Tło CSS / Atrybuty mieszane tła {background}
...tła (background-size) musi być poprzedzona znakiem ukośnika i musi się znajdować bezpośrednio po wartości pozycji (background-position), np.: "left top / contain". Nie można podać rozmiarów tła bez określenia pozycji, ale można samą pozycję bez rozmiarów. Jeżeli zostanie podana pozycja początkowa tła (background-origin), a pominiemy przycinanie tła (background-clip), przyjmie ono taką samą wartość. Nie można podać przycinania tła bez określenia pozycji początkowej. Polecenie to...
- Menu w CSS / Menu z nagłówkami
...{ display: block; width: 176px; text-decoration: none; padding: 7px; font-weight: bold; background-color: #27c; color: #def; border-left: 10px solid #25b; } dl a:hover { width: 166px; background-color: #28e; color: #fff; border-left: 20px solid #26d; } CSS Czcionki Tekst Tło Marginesy Obramowanie dl, dt, dd { display: block; margin: 0; padding: 0; } dt { width: 180px; padding: 5px 10px; font-weight: bold; font-size: larger...
- Komendy CSS 2 / azimuth
WARTOŚĆ <kąt> | [[ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards | inherit OPIS Azymut dźwięku przestrzennego INICJALIZACJA center ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE tak PROCENTY nie MEDIA aural
- Tło CSS / Gradient liniowy {background: linear-gradient repeating-linear-gradient}
...to right bottom - ukośnie z lewego-górnego do prawego-dolnego narożnika to bottom - pionowo z górny do dołu (odpowiednik 180deg - domyślnie) to left bottom - ukośnie z prawego-górnego do lewego-dolnego narożnika to left - poziomo z prawej do lewej strony (odpowiednik 270deg) to left top - ukośnie z prawego-dolnego do lewego-górnego narożnika kąt - liczony zgodnie z ruchem wskazówek zegara z wartością 0deg skierowaną pionową w górę, a 180deg - pionowo w dół Kolor1 odległość1, kolor2...
- Układ elastyczny CSS / Marginesy automatyczne
selektor { margin-top: auto } selektor { margin-right: auto } selektor { margin-bottom: auto } selektor { margin-left: auto } selektor { margin: auto } Selektorem mogą być dzieci kontenera elastycznego. Ustawiając wybrany margines na wartość automatyczną sprawimy, że wypełni on wolną przestrzeń pozostałą w kontenerze. Dzięki temu w bardzo prosty sposób możemy ustawić kilka bloków w jednej linii - część przy lewej krawędzi, a niektóre przy prawej. Przykład {display: flex, margin-left: auto}...
- Komendy CSS3 / Model pudełkowy CSS
Źródło: CSS Box Model Module Level 3 Spis treści margin margin-bottom margin-left margin-right margin-top padding padding-bottom padding-left padding-right padding-top margin Atrybuty mieszane marginesu Wartość <'margin-top'>{1,4} Inicjalizacja 0 Zastosowanie wszystkie elementy Dziedziczenie nie Procenty odnosi się do logicznej szerokości bloku obejmującego margin-bottom Dolny margines Wartość <length-percentage> | auto Inicjalizacja 0 Zastosowanie wszystkie...