text style - Kurs HTML i CSS
Formularze HTML / Pole wyboru <input "checkbox">...JavaScript: <input type="checkbox" name="nazwa" value="wartość" onclick="this.form.elements['nazwa2'].disabled = !this.checked"> <input type="text" name="nazwa2" disabled> Przykład <input "checkbox" onclick> Po wybraniu opcji, pole tekstowe zostanie odblokowane: Możliwe jest również odblokowanie kilku pól naraz (dowolnych typów): <input type="checkbox" name="nazwa" value="wartość" onclick="this.form.elements['nazwa2'].disabled = this.form.elements['nazwa3'].disabled...
Pozycjonowanie CSS / Ustawienie {float, vertical-align}...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 - wyrównuje podstawę elementu do podstawy tekstu elementu nadrzędnego super - tworzy indeks górny z elementu, ale nie zmienia wielkości tekstu sub - tworzy indeks dolny z elementu, ale nie zmienia wielkości tekstu top - wyrównuje szczyt elementu do szczytu...
- Pozycjonowanie CSS / Wyświetlanie {display}
...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 element</span> </div>.
- Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?
... ... */. W trybie zgodności jeżeli deklaracja zawiera nierozpoznawaną wartość, zostaje pominięta w całości. Na przykład po podaniu: span { text-decoration: underline cross-out overline } tekst nie zostanie nawet podkreślony ani nadkreślony, ponieważ wartość cross-out jest nieprawidłowa. Natomiast starsze wersje Internet Explorera interpretowały deklarację do pierwszego nierozpoznanego składnika, tzn. w tym przypadku tekst zostałby pokreślony, ale nie nadkreślony. Miało to wpływ na...
- Tekst CSS / Dekoracja tekstu {text-decoration}
selektor { text-decoration: dekoracja } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "dekoracja" należy podać: none - bez zmian underline - podkreślenie line-through - przekreślenie overline - nadkreślenie blink - migotanie tekstu (nieobsługiwane w nowych przeglądarkach) Polecenie umożliwia na wybór określonej dekoracji tekstu (np. podkreślenie). Migotanie może nie być...
- Kolory CSS / Wykaz kolorów systemowych
...size box, and scroll bar arrow box Tekst w nagłówkach, polach zmiany rozmiaru i polach przewijania zawartości GrayText Grayed (disabled) text. This color is set to #000 if the current display driver does not support a solid gray color Kolor tekstu na zablokowanych elementach Highlight Item(s) selected in a control Wybrana pozycja HighlightText Text of item(s) selected in a control Tekst wybranej pozycji InactiveBorder Inactive window border Obramowanie...
- Formularze HTML / Przykład formularza HTML
...na temat dodatkowych możliwości pól formularza użytych w poniższym przykładzie, zobacz rozdziały: Ramy formularza <form> Pole tekstowe <input text> Pole opcji <input radio> Pole wyboru <input checkbox> Lista rozwijalna <select, option> Obszar tekstowy <textarea> Wysłanie formularza <input submit> Wyczyszczenie danych <input reset> Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat jeszcze bardziej zaawansowanych typów pól formularza, zobacz rozdział...
- Komendy HTML 4.01 / Elementy zdeprecjonowane
...HTML. Wykaz elementów zdeprecjonowanych Element Zamiennik APPLET OBJECT BASEFONT CSS: color, font-family, font-size CENTER CSS: text-align DIR UL FONT CSS: color, font-family, font-size ISINDEX INPUT MENU UL S CSS: text-decoration STRIKE CSS: text-decoration U CSS: text-decoration Wykaz atrybutów zdeprecjonowanych Atrybut Zastosowanie Zamiennik align APPLET, IFRAME, IMG, INPUT, OBJECT CSS: float, vertical-align align CAPTION...
- Tekst CSS / Transformacja tekstu {text-transform}
selektor { text-transform: transformacja } Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "transformacja" należy podać: none - bez zmian capitalize - zamiana pierwszych liter wszystkich wyrazów na wielkie uppercase - zamiana wszystkich liter na wielkie lowercase - zamiana wszystkich liter na małe Polecenie umożliwia na wybór określonej transformacji tekstu, czyli...
- Menu w CSS / Pionowe menu
...{ display: block; list-style: none; margin: 0; padding: 0; } ul { width: 200px; } ul a:link, ul a:visited { display: block; width: 186px; text-decoration: none; background-color: #ccc; color: #000; padding: 5px; border: 2px outset #ccc; } ul a:hover { border-style: inset; padding: 7px 3px 3px 7px; } I jak Ci się podoba? A to wszystko bez jakiejkolwiek zmiany wcześniej ustalonego kodu HTML! Krótkie wyjaśnienie użytych deklaracji CSS: Na początku wstawiamy znaną już regułę...