styl linii - Kurs HTML i CSS
Komendy HTML 4.01 / Wykaz atrybutów...src SCRIPT Adres zewnętrznego skryptu standby OBJECT Informacja do pokazania podczas wczytywania start OL Numer początkowy style Wszystkie elementy oprócz BASE, BASEFONT, HEAD, HTML, META, PARAM, SCRIPT, STYLE, TITLE Informacja stylów summary TABLE Streszczenie tabeli dla przeglądarek dźwiękowych tabindex A, AREA, BUTTON, INPUT, OBJECT, SELECT, TEXTAREA Pozycja w kolejności wybierania tabulatorem target (tylko Transitional DTD) A, AREA, BASE, FORM...
Wstawianie stylów CSS / Styl lokalny <... style><element style="cecha: wartość; cecha2: wartość2...">...</element> Elementem może być praktycznie dowolny znacznik, np. p (akapit), h1 (tytuł), td (komórka tabeli) i inne. To właśnie elementom znajdującym się pomiędzy tymi znacznikami, nadajemy atrybuty formatowania. Jako "cecha" czy inaczej własność bądź właściwość (ang. "property") należy wpisać o jakie konkretnie atrybuty formatowania nam chodzi (np. kolor tekstu - color). Opis wszystkich cech znajdziesz w następnych rozdziałach. Tutaj...
- Układ wielokolumnowy CSS / Linia rozdzielająca kolumn {column-rule-color, column-rule-style, column-rule-width, column-rule}
...Opera 11-12 i 37, Chrome 50) Kolor: selektor { column-rule-color: kolor } gdzie "kolor" jest definicją koloru Styl: selektor { column-rule-style: styl } gdzie "styl" określa się identycznie jak w przypadku obramowania Szerokość: selektor { column-rule-width: szerokość } gdzie "szerkość" określa się identycznie jak w przypadku obramowania Atrybuty mieszane: selektor { column-rule: wartości atrybutów } Jako "wartości atrybutów" podaje się rozdzielone spacjami wartości...
- 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...
Aktualizacja / System newsów...i już można szybko przenieść się do nowych stron, klikając odpowiednie odsyłacze. Wymagana wiedza: Odsyłacze Wstawianie obrazków Podstawy stylów CSS (m.in. arkusze stylów) Aby wprowadzić system newsów, należy skopiować poniższy kod i zapisać go w pliku z rozszerzeniem *.css - np. news.css: /* Tytuł: */ .news dt { font-size: 14px; /* rozmiar czcionki */ text-align: left; /* wyrównanie tekstu: left, right, center, justify */ padding: 5px; /* margines wewnątrz...
- Tabele CSS / Obramowanie tabeli {border-collapse, border}
...tabeli Model obramowania tabeli {border-collapse} selektor { border-collapse: model } Selektorem może być element TABLE [zobacz: Wstawianie stylów]. Natomiast jako "model" należy podać: collapse - pojedyncze obramowanie separate - komórki są od siebie odseparowane Polecenie określa model wyświetlania obramowania tabeli pomiędzy komórkami. Możliwe jest użycie obramowania w postaci pojedynczej linii (collapse) albo obramowania dla każdej komórki osobno, które będą od siebie...
- Układ elastyczny CSS / Elastyczność {flex-grow, flex-shrink, flex-basis, flex}
...wypełniły całą dostępną przestrzeń kontenera. Jeżeli chcemy, aby wszystkie elementy zostały rozciągnięte równomiernie, wystarczy każdemu przypisać styl "flex-grow: 1". Możemy też zadecydować, aby np. jeden z nich rozszerzył się dwa razy bardziej niż inne - przypisujemy mu wartość "flex-grow: 2". Istnieje również możliwość ustalenia, aby tylko jeden element wypełnił całą pozostałą wolną przestrzeń w kontenerze. Wtedy tylko jemu nadajemy styl "flex-grow: 1". Ściśnięcie elastyczne...
- CSS dla zielonych / Ramki z tekstem CSS {background-color, padding, padding-top, padding-bottom, padding-left, padding-right, border-width, border-style, border-color, border-radius}
...klas selektorów mogą być np. ramki wizualnie wyróżniające tekst, który się w nich znajduje. Wystarczy, że raz zdefiniujemy ich wygląd w arkuszu stylów: .nazwa-klasy { deklaracje stylów } by następnie w miarę potrzeb móc ich wielokrotnie używać w dowolnym dokumencie HTML na naszej stronie: <div class="nazwa-klasy">dowolny tekst...</div> Przypominam, że w arkuszu stylów (pierwsze polecenie powyżej) nazwa-klasy musi być poprzedzona znakiem kropki (w tym miejscu po kropce nie można...
- Wstawianie stylów CSS / Wewnętrzny arkusz stylów <style>
<head> (...) <style> selektor { cecha: wartość; cecha2: wartość2... } selektor2 { cecha: wartość; cecha2: wartość2... } (...) </style> (...) </head> gdzie w sposób wyróżniony zaznaczono elementy składowe wewnętrznego arkusza stylów. Natomiast w miejsce kropek (...) można wpisać dalsze polecenia. Selektorem może być praktycznie dowolny znacznik, np. p (akapit), h1 (tytuł), td (komórka tabeli) i inne. To właśnie elementom, które znajdują się w kodzie źródłowym, pomiędzy tymi znacznikami...
- Komendy HTML 4.01 / BR
...elementu przy prawym marginesie ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie STYLE="styl" Informacje stylów (CSS) TITLE="tekst" Tekst pomocniczy Znacznik otwierający: wymagany Znacznik zamykający: zabroniony Wyświetlanie: w linii