spis - Kurs HTML i CSS
Układ elastyczny CSS / Wyrównanie wiersza {align-items, align-self}(CSS 3 - interpretuje Internet Explorer 10, Firefox, Opera 12, Chrome) Spis treści {align-items, align-self} Wspólne wyrównanie wiersza {align-items} Indywidualne wyrównanie wiersza {align-self} Wspólne wyrównanie wiersza {align-items} selektor { align-items: wyrównanie } Selektorem może być kontener elastyczny. Wyrównanie: flex-start - wyrównanie wiersza do początkowej krawędzi kontenera flex-end - do końcowej krawędzi kontenera center - wyśrodkowanie wiersza (dla tekstu w języku...
- Pozycjonowanie CSS / Nakładanie {z-index}
Spis treści {z-index} Nakładanie {z-index} Kontekst stosu Nakładanie {z-index} selektor { position: rodzaj; parametry; z-index: numer } Selektorem może znacznik poddany pozycjonowaniu [zobacz: Wstawianie stylów]. Wyrażenie "position: rodzaj; parametry;" określa typ oraz parametry pozycjonowania (absolutne, relatywne lub ustalone). Natomiast jako "numer" należy wpisać pojedynczą liczbę, określającą, kolejność nakładania pozycjonowanych elementów (element z numerem 1 będzie na samym...
- Pozycjonowanie CSS / Ustawienie {float, vertical-align}
Spis treści {float, vertical-align} Ustawienie w poziomie {float} Ustawienie w pionie {vertical-align} Ustawienie w poziomie {float} selektor { float: sposób } Polecenia nie można zastosować do elementów pozycjonowanych absolutnie. Selektorem może być praktycznie dowolny znacznik, który nie został wypozycjonowany absolutnie [zobacz: Wstawianie stylów]. Natomiast jako "sposób" należy podać: left - element ustawiony po lewej stronie, względem elementów sąsiadujących right - element...
- Kursory CSS / Kształt kursora {cursor}
Spis treści {cursor} Kształt kursora {cursor} Kursory ogólnego przeznaczenia Odsyłacze i kursory statusu Kursory wyboru Kursory "przeciągnij i upuść" Kursory zmiany rozmiaru i przewijania Kursory powiększania Kształt kursora {cursor} (interpretuje Internet Explorer 4, Firefox, Opera 7, Chrome) selektor { cursor: rodzaj } Selektorem może być praktycznie dowolny znacznik [zobacz: Wstawianie stylów]. Natomiast "rodzaj" odpowiada za kształt, jaki przybierze wskaźnik myszki, po...
- Drukowanie CSS / Po co drukować strony internetowe?
Spis treści Drukowanie stron internetowych Dlaczego warto korzystać z CSS do stylowania wydruku? Wydruk w erze cyfrowej Jakie możliwości daje CSS w kontekście wydruku? Kompletny przewodnik po stylowaniu wydruku za pomocą CSS Drukowanie stron internetowych Język CSS jest przede wszystkim narzędziem do projektowania wizualnego stron internetowych na ekranach komputerów, tabletów i smartfonów. Jednakże jego możliwości wykraczają poza ten obszar. CSS pozwala również na precyzyjne...
- Komendy CSS3 / Tryby pisania CSS
Źródło: CSS Writing Modes Level 3 Spis treści direction glyph-orientation-vertical text-combine-upright text-orientation unicode-bidi writing-mode direction Kierunek tekstu Wartość ltr | rtl Inicjalizacja ltr Zastosowanie wszystkie elementy Dziedziczenie tak Procenty nie glyph-orientation-vertical Pionowa orientacja znaków Wartość auto | 0deg | 90deg | 0 | 90 Inicjalizacja nie Zastosowanie nie Dziedziczenie nie Procenty nie text-combine-upright Kompozycja pozioma...
- Jednostki CSS / Długość
Spis treści Wstęp Jednostki względne Jednostki względne czcionki Jednostki procentowe obszaru wyświetlania Jednostki bezwzględne Porównanie jednostek długości Wstęp Jednostki długości stosuje się w bardzo wielu poleceniach dotyczących stylów, np. wielkość czcionki, marginesów czy rozmiary elementów itd. Format wartości długości składa się z opcjonalnego znaku liczby ("+" - domyślny lub "-"), liczby całkowitej lub rzeczywistej oraz jednostki. Po wartości długości 0 jednostka jest...
- Selektory CSS
Spis treści Wstęp Selektory elementów Selektory atrybutów Selektory specjalne Selektory pseudoelementów Selektory pseudoklas Wstęp Poniżej znajdziesz skrócony opis wszystkich rodzajów selektorów CSS. Dokładniej na ich temat możesz przeczytać klikając odnośnik w kolumnie "Opis". Natomiast kolumna "CSS" zawiera poziom specyfikacji języka, w którym po raz pierwszy selektor został wprowadzony. Źródło: Cascading Style Sheets, Level 2, Selectors Level 3 Selektory elementów Wzór...
- Komendy CSS3 / Podstawowy interfejs użytkownika CSS
Źródło: CSS Basic User Interface Module Level 3 (CSS3 UI) Spis treści box-sizing caret-color cursor outline outline-color outline-offset outline-style outline-width 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...
- Układ elastyczny CSS / Elastyczność {flex-grow, flex-shrink, flex-basis, flex}
(CSS 3 - interpretuje Internet Explorer 10, Firefox, Opera 12, Chrome) Spis treści {flex-grow, flex-shrink, flex-basis, flex} Rozciągnięcie elastyczne {flex-grow} Ściśnięcie elastyczne {flex-shrink} Baza elastyczna {flex-basis} Atrybuty mieszane elastyczności {flex} Rozciągnięcie elastyczne {flex-grow} selektor { flex-grow: rozciągnięcie } Selektorem mogą być dzieci kontenera elastycznego (ale nie sam kontener). Rozciągnięcie jest wyrażone liczbą naturalną (większą lub równą zero)...