wstawianie linii - Kurs HTML i CSS
Obramowanie CSS / Dekoracja przełamania obramowania {box-decoration-break}...fragmentu ani na górze drugiego nie będzie obramowania. Podobnie jeśli obramowanie zostanie przypisane do długiego elementu wyświetlanego w linii, tak że tekst się przełamie na końcu wiersza, przy prawym marginesie ani w następnej linijce przy lewym nie będzie obramowania. Taki efekt może nie wyglądać estetycznie. Można mu jednak zapobiec za pomocą deklaracji "box-decoration-break: clone". Przykład {box-decoration-break} To jest element wyświetlany w linii, któremu nadano...
- Pozycjonowanie CSS / Wyświetlanie {display}
...Natomiast jako "sposób" należy podać: block - element będzie wyświetlony w bloku (odstęp z góry i z dołu) inline - element będzie wyświetlony w linii (sąsiadująco z innymi) list-item - element wykazu: <li>...</li> none - element nie będzie wyświetlany inline-block - element zachowuje się podobnie jak element zastępowany (Firefox 3, Opera 7, Chrome, Konqueror) run-in - jeśli po elemencie następuje brat będący blokiem, element zostanie sformatowany jako "inline" (w linii) w ramach...
- Pozycjonowanie CSS / Ustawienie {float, vertical-align}
...float: none... Ustawienie w pionie {vertical-align} selektor { vertical-align: sposób } Polecenie można zastosować do elementów wyświetlanych w linii (inline) lub komórek tabeli (<td>...</td> i <th>...</th>). Jako "sposób" należy podać: baseline - wyrównuje linię bazową elementu do linii bazowej elementu nadrzędnego (domyślnie) middle - ustawia element na środku wysokości elementów sąsiadujących text-top - wyrównuje szczyt elementu do szczytu tekstu elementu nadrzędnego text-bottom...
- Czcionki CSS / Atrybuty mieszane czcionki {font}
...Zmiana kolejności może (ale nie musi) spowodować, że atrybut taki nie zostanie uznany. Ponadto przed wartością atrybutu line-height (wysokość linii) należy obowiązkowo postawić ukośnik. Obowiązkowo należy podać wartości przynajmniej dla font-size i font-family - w takiej kolejności. Polecenie to pozwala w wygodny sposób zdefiniować wszystkie atrybuty dotyczące czcionek. Już nie musimy wypisywać kolejno wszystkich cech, a jedynie ich konkretne wartości. Wartością może być np.: italic...
- Czcionki CSS / Wariant pozycji czcionki {font-variant-position}
...super". Jest jednak pewna wada obu tych metod. Aby indeks dolny czy górny zmieścił się w tekście i nie zachodził na sąsiadujące wiersze, wysokość linii musi zostać nieco powiększona. Powoduje to nieestetyczny efekt, kiedy sąsiednie linijki tekstu są od siebie bardziej odsunięte, ponieważ w jednej z nich pojawił się nawet tylko jeden indeks dolny lub górny. Wadę tę eliminuje użycie właściwości font-variant-position, dzięki której mimo wprowadzenia indeksu w tekście, wysokość linii się nie...
- Tekst CSS / Wysokość linii tekstu {line-height}
...tzw. interlinia. Dzięki temu linijki mogą być bardziej ścieśnione lub rozciągnięte. Przykład {line-height} To jest akapit, w którego wysokość linii wynosi 1cm... To jest akapit, w którego wysokość linii wynosi 1cm... To jest akapit, w którego wysokość linii wynosi 1cm... To jest akapit, w którego wysokość linii wynosi 1cm... To jest akapit, w którego wysokość linii wynosi 1cm... Pytania i odpowiedzi {line-height} Co to jest "line-height"? line-height to właściwość CSS, która...
- Tekst CSS / Białe znaki w tekście {white-space}
...na końcu szerokości strony (domyślnie) pre - umożliwia wyświetlenie wielu spacji obok siebie; wiersze są przełamywane po napotkaniu znaku nowej linii - klawisz Enter (tekst preformatowany) nowrap - tryb identyczny jak "normal" z tym, że nie pozwala na przełamanie wiersza (przejście do następnej linii), aż do napotkania znacznika <br> pre-wrap - (CSS 2.1) pozwala wyświetlić kilka sąsiadujących spacji; wiersze są przełamywane po napotkaniu znaku nowej linii - klawisz Enter - oraz...
- Obramowanie CSS / Obcięcie obramowania obrazkowego {border-image-slice}
...części: czterech narożników, czterech krawędzi i środka. Możliwe jest przy tym podanie: jednej wartości - określa jednakowe odległości cięć linii siatki od wszystkich krawędzi obrazka; jeżeli cała grafika będzie kwadratowa i jako obcięcie podamy wartość trzy razy mniejszą od długości boku obrazka, to uzyskamy siatkę w postaci dziewięciu równych kwadratów - jak na ściance kostki Rubika dwóch wartości - pierwsza określa odległości cięć linii siatki od górnej i od dolnej krawędzi...
- Tło CSS / Gradient liniowy {background: linear-gradient repeating-linear-gradient}
...z wartością 0deg skierowaną pionową w górę, a 180deg - pionowo w dół Kolor1 odległość1, kolor2 odległość2... - kolejne kolory i ich odległości na linii przejścia gradientu. Obowiązkowo trzeba podać przynajmniej dwie pary "kolor odległość". Każda taka para jest rozdzielona od kolejnej znakiem przecinka. Wielokropek (czyli "...") na końcu należy usunąć. Określenie odległości kolorów nie jest obowiązkowe - wtedy podane barwy zostaną rozłożone równomiernie w gradiencie. Narzędzia tworzące...
- Tabele CSS / Rozplanowanie tabeli {table-layout}
...komórki. Natomiast w przypadku tekstu będzie to zwykle szerokość najdłuższego wyrazu (biorąc pod uwagę, że tekst może się zawijać do następnych linii). Maksymalna możliwa szerokość to największy rozmiar, do którego można rozszerzyć komórkę tak, aby nie powstały wolne przestrzenie po lewej ani po prawej jej stronie. Jeżeli w komórce znajduje się tylko obrazek lub inny element o ustalonych rozmiarach, to określa on maksymalną możliwą szerokość takiej komórki. Natomiast w przypadku tekstu...