szerokość - Kurs HTML i CSS
Komendy HTML 4.01 / TDKomórka danych w tabeli (TABLE). Zawiera się wewnątrz wierszy (TR). Zobacz więcej... Atrybuty: ABBR="tekst" Dostarcza skrótu zawartości komórki ALIGN="ustawienie" Ustawienie i wyrównanie zawartości komórek: center - wyśrodkowanie (domyślnie) char - wyrównanie tekstu wokół określonego znaku justify - wyrównanie tekstu do obu stron jednocześnie left - do lewej strony right - do prawej strony AXIS="kategoria" Do umiejscowienia komórki w kategorii pojęciowej BGCOLOR="kolor" Kolor tła...
- Komendy HTML 4.01 / TH
Komórka nagłówkowa w tabeli (TABLE). Zawiera się wewnątrz wierszy (TR). Zobacz więcej... Atrybuty: ABBR="tekst" Dostarcza skrótu zawartości komórki ALIGN="ustawienie" Ustawienie i wyrównanie zawartości komórek: center - wyśrodkowanie (domyślnie) char - wyrównanie tekstu wokół określonego znaku justify - wyrównanie tekstu do obu stron jednocześnie left - do lewej strony right - do prawej strony AXIS="kategoria" Do umiejscowienia komórki w kategorii pojęciowej BGCOLOR="kolor" Kolor...
- HTML5 / Możliwy koniec linii <wbr>
...nastąpić przełamanie wiersza. Znacznik WBR daje przeglądarce możliwość przełamania wiersza w tym miejscu, jeśli tekst nie zmieści się w założonej szerokość. Od znacznika BR różni się tym, że nie wymusza przełamania wiersza, jeśli nie ma takiej potrzeby. Po co zatem w ogóle blokować zawijanie linijek, żeby potem to odblokowywać za pomocą elementu WBR? W tradycyjnym akapicie tekstu nie mamy żadnej kontroli, w jaki sposób przeglądarka zawinie tekst na ekranie. Najczęściej taki algorytm w...
Marginesy CSS / Górny margines wewnętrzny {padding-top}...między szarym prostokątem a tekstem, który właśnie czytasz. A to jest zwykły akapit z tłem, bez określenia jakichkolwiek marginesów. Dlatego jego szerokość wynosi tyle co zwykłego tekstu, a także wewnątrz elementu (prostokąta) nie ma żadnego odstępu.
- Obramowanie CSS / Atrybuty mieszane obramowania obrazkowego {border-image}
...h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "wartości atrybutów" należy wpisać kolejne wartości obramowani obrazkowego: źródło, obcięcie, szerokość, nawis i powtarzanie. Polecenie pozwala w sposób skrócony wypełnić wszystkie atrybuty obramowania obrazkowego. Ważne jest przy tym zachowanie właściwej kolejności oraz odpowiednich znaków rozdzielających kolejne wartości. Lista atrybutów może się składać z trzech części: źródła obcięcia / szerokości / nawisu - możliwe są kombinacje...
- Rozmiary CSS / Przepełnienie {overflow}
selektor { overflow: sposób } Selektorem może być znacznik wyświetlany w bloku albo zastępowany [zobacz: Wstawianie stylów]. Jako "sposób" należy podać: visible - pokazanie całej zawartości bez względu na rozmiary (domyślnie) hidden - ukrycie nadmiaru scroll - suwaki do przewijania auto - pokazanie suwaków jeśli to konieczne Według CSS 2.1 polecenie można również zastosować do komórek tabeli. Określa co zrobić, gdy zawartość elementu nie mieści się w rozmiarach podanych przez width...
- Rozmiary CSS / Przepełnienie tekstu {text-overflow}
...wstawiony wielokropek, tzn. pojedynczy znak: "…" albo w ostateczności trzy znaki kropki: "..." Normalnie w języku CSS nawet jeśli ustalimy szerokość elementu, ale następnie umieścimy w nim szerszy tekst - np. blokując jego zawijanie przy pomocy stylu "white-space: nowrap" albo znajdzie się w nim jakiś wyjątkowo długi wyraz - to taki tekst i tak wyjdzie poza obręb elementu. Oczywiście nie będzie to wyglądało zbyt estetycznie, a czasem może nawet zupełnie popsuć układ całej strony...
- Pozycjonowanie CSS / Pozycja absolutna {position: absolute}
...1cm; top: -10px. W tym przypadku można nawet określić jednocześnie odległości left i right, a także top wspólnie z bottom - pozwoli to rozciągnąć szerokość lub/i wysokość elementu pozycjonowanego w taki sposób, aby odległości jego odpowiednich krawędzi od brzegów bloku obejmującego były dokładnie takie, jak podano. Blokiem obejmującym w tym przypadku zwykle jest okno przeglądarki lub ramka. Jednak jeżeli element, który pozycjonujemy znajduje się wewnątrz innego elementu, który wcześniej...
- Pozycjonowanie CSS / Wyświetlanie {display}
...wysokości, podczas gdy elementy inline-block zachowują się jak elementy blokowe, ale nadal są wyświetlane w jednej linii, a można dla nich ustawić szerokość i wysokość. Jak wyśrodkować "inline-block"? Aby wyśrodkować element inline-block wewnątrz jego kontenera, można użyć właściwości CSS "text-align: center" dla kontenera. To spowoduje wyśrodkowanie elementu poziomo wewnątrz kontenera. Na przykład: <div style="text-align: center"> <span style="display: inline-block">Wyśrodkowany...
- Układ wielokolumnowy CSS / Liczba kolumn {column-count}
...tabel [zobacz: Wstawianie stylów]. Liczba jest wartością naturalną, większą od zera. Aby usunąć kolumny lub pozwolić przeglądarce wyznaczyć ich szerokość w inny sposób, należy podać wartość auto. Polecenie jest przydatne, jeżeli ważniejsze jest dla nas, aby tekst zawsze znajdował się w ściśle określonej liczbie kolumn, a przeglądarka sama zajęła się automatycznym dopasowaniem ich szerokości. Przykład {column-count} column-count: 3; To jest przykładowa treść, ułożona w wielu...