linia - Kurs HTML i CSS
Tekst HTML / Pozioma linia <hr>...różnią się od siebie tematycznie, ale nie tak bardzo, aby podzielić je na osobne rozdziały. Jak pogrubić HR? W większości przeglądarek pozioma linia domyślnie składa się z dwóch przylegających do siebie kresek o grubości jednego piksela każda. Aby tę wartość podwoić, można posłużyć się następującym kodem: <hr style="border-width: 2px">.
Układ wielokolumnowy CSS / Linia rozdzielająca kolumn {column-rule-color, column-rule-style, column-rule-width, column-rule}...sąsiednimi kolumnami wstawić dodatkowo pionową linię rozdzielającą. Jest ona wyświetlana zawsze na środku przestrzeni między kolumnami. Sama linia rozdzielająca nie zabiera miejsca z szerokość elementu wielokolumnowego. Jeśli jej grubość będzie większa niż szerokość odstępu kolumn, wyświetli się pod tekstem znajdującym się w kolumnach. W obecnej wersji specyfikacja CSS nie pozwala ustalać różnej linii rozdzielającej kolumny tego samego elementu. Przykład {column-rule} columns: 3...
- HTML dla zielonych / Pozioma linia HTML <hr>
<hr> Pozwala wstawić na stronie poziomą linię (ang. horizontal rule), za pomocą której np. można rozdzielić sąsiednie grupy akapitów wyraźnie różniące się między sobą tematycznie. UWAGA! Znacznik <hr> nie posiada w języku HTML znacznika zamykającego! Przykład <hr> <p>Akapit...</p> <p>Akapit...</p> <hr> <p>Akapit...</p> <p>Akapit...</p> Pytania i odpowiedzi <hr> Jak napisać poziomą linię w HTML? W celu dodania poziomej linii na stronie WWW należy posłużyć się znacznikiem <hr>. Jak...
- Selektory pseudoelementów CSS / Pierwsza linia :first-line
selektor:first-line { cecha: wartość } Selektorem może być znacznik wyświetlany w bloku. CSS 2.1 dozwala zastosowanie dodatkowo do elementów inline-block, tytułów (podpisów) tabeli (<caption>...</caption>) oraz komórek tabeli (<td>...</td>). [Zobacz: Wstawianie stylów]. Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Polecenie raz zdefiniowane w arkuszu stylów, pozwala na nadanie określonych cech wszystkim...
- HTML dla zielonych / Koniec linii HTML <br>
...postawienie obok siebie więcej niż jednej spacji - zobacz: Znaki specjalne). Na przykład jeśli wpiszesz w edytorze taki tekst: To jest pierwsza linia... a to jest druga linia. w przeglądarce pojawi się: To jest pierwsza linia... a to jest druga linia. Linia zostanie zakończona automatycznie tylko wtedy, gdy podany tekst będzie zbyt długi, aby zmieścić się w jednym wierszu. Jeśli jednak koniecznie chcemy natychmiast zakończyć linię, możemy to zrobić, stawiając w miejscu gdzie ma być...
- Komendy HTML 4.01 / BR
...klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami CLEAR="ustawienie" Określa, gdzie powinna się pojawić nowa linia (zdeprecjonowane): all - nowa linia rozpocznie się w najbliższym wierszu poniżej dowolnego pływającego elementu przy obu marginesach left - nowa linia rozpocznie się w najbliższym wierszu poniżej dowolnego pływającego elementu przy lewym marginesie none - nowa linia rozpocznie się normalnie (domyślnie) right - nowa linia rozpocznie się w...
- Obramowanie CSS / Styl obramowania {border-...-style}
...wpisać: none - brak obramowania Przykład border-top-style: none hidden - ukryte obramowanie Przykład border-top-style: hidden dashed - linia kreskowa Przykład border-top-style: dashed dotted - linia kropkowa Przykład border-top-style: dotted solid - linia ciągła Przykład border-top-style: solid double - linia ciągła podwójna Przykład border-top-style: double groove - "rowek" Przykład border-top-style: groove ridge - "grzbiet" Przykład border-top-style: ridge...
- Tło CSS / Gradient liniowy {background: linear-gradient repeating-linear-gradient}
...wprowadzono do składni CSS, aby dać webmasterom lepszą kontrolę nad wyglądem stron. Przy definiowaniu wyglądu gradientu kluczowe znaczenie ma tzw. linia gradientu. Musimy sobie ją wyobrazić jako prostą, która przebiega w kierunku przejścia barw z jednej w drugą. Na przykład gdy określimy następujący gradient: background: linear-gradient(to bottom, black 0%, white 100%) uzyskamy gradient z kolorem czarnym (black) na górze i białym (white) na dole. Pomiędzy nimi wystąpi łagodne przejście...
- Obramowanie CSS / Styl obrysu {outline-style}
...czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "styl" należy wpisać: none - brak obrysu. Przykład outline-style: none dashed - linia kreskowa. Przykład outline-style: dashed dotted - linia kropkowa. Przykład outline-style: dotted solid - linia ciągła. Przykład outline-style: solid double - linia ciągła podwójna. Przykład outline-style: double groove - "rowek". Przykład outline-style: groove ridge - "grzbiet". Przykład outline-style: ridge inset - "ramka...
- 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}
...bez spacji!) jednostkę - np.: 1px. Zamiast "styl" należy wpisać jedną z następujących wartości określających wygląd linii obramowania: solid - linia ciągła dashed - linia przerywana dotted - linia kropkowa Natomiast "kolor" jest definicją koloru obramowania. Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy ustawianiu obramowania na stronach internetowych, zobacz rozdziały: Styl obramowania, Szerokość obramowania, Kolor obramowania...