auto - Kurs HTML i CSS
Rozmiary CSS / Wysokość i marginesy automatyczne...nie-zastępowane Elementy pozycjonowane absolutnie, zastępowane Wstęp Podrozdział ten opisuje analogiczne zagadnienie, jak Szerokość i marginesy automatyczne, tzn. specjalne zasady dopasowywania wysokości (height) 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...
- Komendy CSS3 / Tekst CSS
...allow-end ] || last ] Inicjalizacja none Zastosowanie tekst Dziedziczenie tak Procenty nie hyphens Dzielenie Wartość none | manual | auto Inicjalizacja manual Zastosowanie tekst 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...
- Komendy CSS3 / Fragmentacja CSS
...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 tabeli Dziedziczenie nie Procenty nie Media visual break-before Przełamanie przed...
- Komendy CSS3 / Podstawowy interfejs użytkownika CSS
...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 | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | grab...
- Komendy CSS3 / Układ wielokolumnowy CSS
...column-rule column-rule-color column-rule-style column-rule-width 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...
- Komendy CSS3 / Maskowanie CSS
...mask-composite mask-image mask-mode mask-origin mask-position mask-repeat mask-size mask-type clip Obcinanie Wartość rect() | auto Inicjalizacja auto Zastosowanie elementy pozycjonowane absolutnie Dziedziczenie nie Procenty nie Media visual clip-path Kształt obcinania Wartość <clip-source> | [ <basic-shape> || <geometry-box> ] | none Inicjalizacja none Zastosowanie wszystkie elementy Dziedziczenie nie Procenty nie Media visual clip-rule Reguły obcinania...
- Szablon strony na DIV-ach / Responsywny szablon
...szalenie niewygodne. Po powiększeniu strony zwykle trzeba wciąż przewijać ją na boki. Do tego niektóre przeglądarki mobilne nie posiadają funkcji automatycznego zawijania tekstu w długich linijkach, które nie mieszczą się na ekranie, co skrajnie utrudnia czytanie. Czasami sytuację poprawia obrócenie urządzenia do poziomej orientacji ekranu. Ale zwykle to również nie jest mile widziane - zwłaszcza przez użytkowników smartfonów, którzy nie lubią co chwilę żonglować swoim urządzeniem 😉...
- Komendy CSS3 / Paski przewijania CSS
Źródło: CSS Scrollbars Styling Module Level 1 Spis treści scrollbar-color scrollbar-width scrollbar-color Kolor paska przewijania Wartość auto | <color>{2} Inicjalizacja auto Zastosowanie kontenery przewijania Dziedziczenie tak Procenty nie scrollbar-width Szerokość paska przewijania Wartość auto | thin | none Inicjalizacja auto Zastosowanie kontenery przewijania Dziedziczenie nie Procenty nie
- Kursory CSS / Kursor obrazkowy {cursor: url}
...Możesz również użyć niestandardowego obrazka jako kursora za pomocą url('ścieżka/do/obrazka.png'). Na przykład: element { cursor: url('myszka.png'), auto } ustawi niestandardowy obrazek jako kursor, który zmieni się na domyślny (auto) w przypadku braku dostępności. Jak zrobić "customowy" kursor? Aby stworzyć niestandardowy kursor, można użyć właściwości cursor w CSS i wskazać ścieżkę do własnego obrazka kursora za pomocą url('ścieżka/do/obrazka.png'). Na przykład: element { cursor...
- Komendy CSS3 / Układ elastyczny CSS
...Inicjalizacja stretch Zastosowanie kontener elastyczny Dziedziczenie nie Procenty nie align-self Indywidualne wyrównanie wiersza Wartość auto | flex-start | flex-end | center | baseline | stretch Inicjalizacja auto Zastosowanie dzieci kontenera elastycznego Dziedziczenie nie Procenty nie flex Atrybuty mieszane układu elastycznego Wartość none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ] Inicjalizacja 0 1 auto Zastosowanie dzieci kontenera elastycznego...