wysokość tekstu - Kurs HTML i CSS
Rozmiary CSS / Przepełnienie tekstu {text-overflow}...nie zostanie automatycznie wstawiony w następujących przypadkach: kiedy wewnątrz elementu znajdują się inne elementy blokowe jeśli ustalimy wysokość elementu, a tekstu nawet po zawinięciu będzie za dużo, aby się tam zmieścił * Niektóre starsze przeglądarki mogą obsługiwać "text-overflow: ellipsis" tylko w połączeniu z "white-space: nowrap". Przykład {text-overflow} p { width: 3em; } Za długie wyrazy w tym akapicie powinny wychodzić poza jego obręb. p { width: 3em; overflow...
- Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?
...obrazków i pól formularzy, chyba że selektor zawiera dodatkowo nazwę znacznika, identyfikator lub atrybuty. W trybie Quirks Opera zawsze powiększa wysokość bloku w taki sposób, aby mieściła się w nim jego zawartość. Natomiast w trybie zgodności ustawienie wartości height jest prawidłowo uwzględnianie. Źródło: CSS Enhancements in Internet Explorer 6 (Microsoft)
- Układ wielokolumnowy CSS / Multi-column layout
...po jej prawej stronie. Po zmianie wielkości lub rodzaju czcionki, tekst w kolumnie tabeli ułoży się w zupełnie inny sposób - najprawdopodobniej wysokość przestrzeni zajmowanej przez tekst w kolumnach nie będzie identyczna. Na niewielkich ekranach - np. telefonów komórkowych - ustalona zbyt duża liczba kolumn w tabeli może sprawić, że będą one zdecydowanie zbyt wąskie. W arkuszu CSS dla urządzeń mobilnych nie można zmniejszyć liczby kolumn w wierszu tabeli. Na wydruku kolumna tabeli może...
- Układ elastyczny CSS / Przepływ elastyczny {flex-direction, flex-wrap, flex-flow}
...uwagę, że wszystkie elementy są identycznej wysokości: To jest blok nr 1 blok 2 blok 3 blok 4 blok 5 "flex-flow: row wrap" - zwróć uwagę, że wysokość bloków dopasowuje się automatycznie w każdym osobnym wierszu układu: To jest blok nr 1 blok 2 blok 3 blok 4 blok 5 flex-flow: row-reverse nowrap To jest blok nr 1 blok 2 blok 3 blok 4 blok 5 flex-flow: row-reverse wrap-reverse blok 1 blok 2 blok 3 blok 4 blok 5
- Układ elastyczny CSS / Wyrównanie wiersza {align-items, align-self}
...do obu krawędzi jednocześnie (domyślnie) Polecenie steruje wyrównaniem jednego wiersza wewnątrz kontenera elastycznego, kiedy mają one różną wysokość. Przykład {align-items} align-items: flex-start To jest blok nr 1 blok 2 blok 3 align-items: flex-end To jest blok nr 1 blok 2 blok 3 "align-items: center" - ten sposób pozwala wyśrodkować w pionie element, nawet jeżeli z góry nie wiemy, ile treści będzie się w nim znajdować: To jest blok nr 1 blok 2 blok 3...
Komendy HTML 4.01 / HR...CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) NOSHADE Jednolity kolor (bez cienia) (zdeprecjonowane) SIZE="piksele...
- Komendy HTML 4.01 / IMG
Włącza obrazek. Zobacz więcej... Atrybuty: ALIGN="ustawienie" Określa położenie elementu w odniesieniu do kontekstu (zdeprecjonowane): bottom - na dole left - po lewej middle - na środku (w połowie) right - po prawej top - na górze ALT="tekst" Tekst alternatywny, używany przez przeglądarki, które nie wyświetlają obrazków BORDER="piksele" Szerokość ramki elementu w pikselach (zdeprecjonowane) CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być...
- Multimedia HTML / Osadzenie pliku <embed>
...do pliku" należy podać lokalizację na dysku, gdzie znajduje się żądany plik multimedialny. Natomiast "x" oznacza szerokość w pikselach, a "y" wysokość wyświetlanego obrazu wtyczki (ang. plug-in), czyli okna na stronie w którym odtwarzany będzie plik. Jeśli nie podamy rozmiarów obrazu wtyczki, może on przyjąć wielkość, która nie pasuje do wymiarów pliku! Rozmiary zależą również od posiadanej przez użytkownika wtyczki. Polecenie <embed> jest przydatne jeśli chcemy wstawić na stronę jeden...
- Komendy HTML 4.01 / OBJECT
...ogólnego obiektu. Może zawierać parametry (PARAM). Zobacz więcej... Atrybuty: ALIGN="ustawienie" Określa położenie elementu w odniesieniu do kontekstu (zdeprecjonowane): bottom - na dole left - po lewej middle - na środku (w połowie) right - po prawej top - na górze ARCHIVE="adresy" Lista adresów archiwów rozdzielonych spacjami, które zawierają zasoby związane z obiektem (podane w atrybutach CLASSID i DATA) BORDER="piksele" Szerokość ramki elementu w pikselach (zdeprecjonowane)...
- Formularze HTML / Lista rozwijalna <select, option, optgroup>
...od atrybutu size="..."). Przykład <select size, option> Możliwość 1 Możliwość 2 Możliwość 3 Możliwość 4 Możliwość 5 Zauważ, że jeśli wysokość pola jest większa niż ilość opcji, to nie pojawia się suwak do jego przewijania: Możliwość 1 Możliwość 2 Możliwość 3 size="5" Blokada pola <select disabled> <select name="nazwa" disabled> <option>Tu wpisz pierwszą możliwość</option> <option>Tu wpisz drugą możliwość</option> </select> Wstawienie atrybutu disabled powoduje...