color - Kurs HTML i CSS
Komendy CSS3 / Kolory CSSŹródło: CSS Color Module Level 3 Spis treści color opacity color Kolor pierwszoplanowy Wartość <color> | inherit Inicjalizacja zależy od przeglądarki Zastosowanie wszystkie elementy Dziedziczenie tak Procenty nie opacity Przezroczystość Wartość <alphavalue> | inherit Inicjalizacja 1 Zastosowanie wszystkie elementy Dziedziczenie nie Procenty nie
Galeria zdjęć HTML / Skrypt galerii zdjęć...display: 'flex', justifyContent: 'center', alignItems: 'center' }; var buttonStyle = { border: 0, padding: 0, lineHeight: 1, color: '#000', background: 'rgba(255, 255, 255, 0.5)', cursor: 'pointer' }; var navigationStyle = { fontSize: '50px', width: '75px', height: '75px', borderRadius: '50%', position: 'absolute', fontWeight: 'bold' }; var style = { container: { position: 'fixed', zIndex: 6000000, background: '#000' }...
- Selektory specjalne CSS / Selektor identyfikatora <... id>
...(w odróżnieniu od klasy). Przykład <... id> Jeżeli w arkuszu stylów strony została umieszczona następująca reguła: p#przyklad_identyfikator { color: red } to akapit o podanym identyfikatorze ID: <p id="przyklad_identyfikator">To jest akapit.</p> zostanie wyświetlony w kolorze czerwonym: To jest akapit. Dla porównania, to też jest akapit, ale bez podania identyfikatora i dlatego nie jest czerwony. Użycie selektora uniwersalnego pozwala przypisać styl do dowolnego znacznika z określonym...
- Selektory pseudoklas CSS / Łączenie selektorów
...ciekawy przykład - tym razem z automatycznym generowaniem zawartości: a.przyklad_selektory4:hover:after { content: "Rollover"; position: absolute; color: #000; background-color: #eee; font-size: 10px; border-width: 1px 2px 2px 1px; border-style: solid; border-color: #888; padding: 1px 5px } Jeśli wskażesz ten odsyłacz myszką, powinien pojawić się zaraz za nim nowy element z napisem "Rollover". A oto bardziej zaawansowany przykład: div.przyklad_selektory5 >...
- CSS dla zielonych / Klasy selektorów CSS <div class>
...stylów w miejsce selektora wstawiamy wartość atrybutu class - czyli nazwę klasy - poprzedzoną znakiem kropki: .menu-nawigacyjne { background-color: gray; color: silver; } Zwróć uwagę, że w kodzie HTML wartość atrybutu class nie zawiera znaku kropki - trzeba ją dodać tylko w arkuszu stylów. Należy jednak pamiętać, że pomiędzy znakiem kropki a nazwą klasy w selektorze nie może być żadnych białych znaków - nawet spacji. W samej nazwie klasy najlepiej używać wyłącznie małych liter bez...
- Komendy CSS3 / Układ wielokolumnowy CSS
Źródło: CSS Multi-column Layout Module Level 1 Spis treści column-count column-fill 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...
Tekst HTML / Podkreślenie <u>...Podkreślenie innym kolorem Stosując pewną "sztuczkę", można sprawić, aby kolor linii podkreślenia różnił się od koloru tekstu: <u style="color: red"><span style="color: black">To jest czarne podkreślenie czerwoną linią</span></u> gdzie w miejsce wyróżnionych wyrazów należy wpisać definicje kolorów; przy czym "red" oznacza kolor, jaki ma przyjąć linia podkreślenia, natomiast "black" - kolor tekstu. Przykład <u {color}> To jest czarne podkreślenie czerwoną linią
- Tekst HTML / Przekreślenie <s>
...Przekreślenie innym kolorem Stosując pewną "sztuczkę", można sprawić, aby kolor linii przekreślenia różnił się od koloru tekstu: <s style="color: red"><span style="color: black">To jest czarne przekreślenie czerwoną linią</span></s> gdzie w miejsce wyróżnionych wyrazów należy wpisać definicje kolorów; przy czym "red" oznacza kolor, jaki ma przyjąć linia przekreślenia, natomiast "black" - kolor tekstu. Przykład <s {color}> To jest czarne przekreślenie czerwoną linią Pytania i...
- Tabele HTML / Łączenie kolumn tabeli w grupy <colgroup, col>
...dowolną liczbę kolumn. W jednej tabeli może istnieć kilka grup. Przykład <colgroup> Po wpisaniu: <table> <colgroup span="1" style="background-color: red"></colgroup> <tr> <td>komórka1</td> <td>komórka2</td> <td>komórka3</td> </tr> <tr> <td>komórka4</td> <td>komórka5</td> <td>komórka6</td> </tr> </table> otrzymamy: komórka1 komórka2 komórka3 komórka4 komórka5 komórka6 Kolumna <colgroup, col> Znacznik <colgroup>...</colgroup> łączy kolumny tabeli...
- 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