size - Kurs HTML i CSS
Komendy CSS3 / Tło i obramowanie CSS...background-attachment background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width...
- Menu w CSS / Menu z nagłówkami
...margin: 0; padding: 0; } dl { width: 200px; } dt { background-color: #ccc; color: #000; padding: 7px; font-weight: bold; font-size: larger; text-align: center; } dl a:link, dl a:visited { display: block; width: 186px; text-decoration: none; background-color: #ccc; color: #000; padding: 5px; border: 2px outset #ccc; } dl a:hover { border-style: inset; padding: 7px 3px 3px 7px; } CSS Czcionki Tekst Tło Marginesy Obramowanie dl, dt, dd...
- Komendy CSS3 / Tekst CSS
Źródło: CSS Text Module Level 3 Spis treści hanging-punctuation hyphens letter-spacing line-break overflow-wrap tab-size text-align text-align-all text-align-last text-indent text-justify text-transform white-space word-break word-spacing word-wrap hanging-punctuation Zawieszenie znaków interpunkcyjnych Wartość none | [ first || [ force-end | allow-end ] || last ] Inicjalizacja none Zastosowanie tekst Dziedziczenie tak Procenty nie hyphens Dzielenie Wartość...
- Komendy CSS3 / Maskowanie CSS
...mask-border-source mask-border-width mask-clip mask-composite mask-image mask-mode mask-origin mask-position mask-repeat mask-size mask-type clip Obcinanie Wartość rect() | auto Inicjalizacja auto Zastosowanie elementy pozycjonowane absolutnie Dziedziczenie nie Procenty nie Media visual clip-path Kształt obcinania Wartość <clip-source> | [ <basic-shape> || <geometry-box> ] | none Inicjalizacja none Zastosowanie wszystkie elementy Dziedziczenie nie...
- Komendy CSS3 / Układ siatki CSS
...obejmujący jest kontenerem układu siatki Dziedziczenie nie Procenty nie grid-auto-columns Automatyczne kolumny układu siatki Wartość <track-size>+ Inicjalizacja auto Zastosowanie kontenery układu siatki Dziedziczenie nie Procenty zobacz grid-template-columns i grid-template-columns grid-auto-flow Automatyczny przepływ układu siatki Wartość [ row | column ] || dense Inicjalizacja row Zastosowanie kontenery układu siatki Dziedziczenie nie Procenty nie grid-auto-rows...
Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanego...<script> new Menu('menu0', 'menu0', true, false, 0, 0, -1, -1, true); </script> oraz dołączyć następujący arkusz CSS: #menu0, #menu0 dl { font-size: 12px; position: absolute; width: 150px; margin: 0; padding: 0; border-width: 1px; border-style: solid; border-color: #eee #aaa #aaa #eee; } #menu0 dt { cursor: pointer; margin: 0; padding: 0; background-color: #888; color: #fff; text-align: center; font-weight: bold; font-size: 14px; border-width: 1px...
- Komendy CSS 2 / font
WARTOŚĆ [ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar | inherit OPIS Atrybuty mieszane czcionki INICJALIZACJA zobacz cechy indywidualne ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE tak PROCENTY dla cechy 'font-size' i 'line-height' MEDIA visual
Formularze HTML / Hasło <input "password">...precyzyjnie dzięki możliwościom CSS - np. przy pomocy zamieszczonego generatora. ✅ Rozpocznij konfigurację formularza Przykład <input "password" size maxlength value readonly disabled> Zwróć uwagę, że wpisywane znaki są automatycznie zastępowane gwiazdkami. Podaj hasło... size="10" Tutaj możesz wprowadzić najwyżej 10-znakowe hasło (maxlength="10"). To jest pole tylko do odczytu (readonly). To pole jest zablokowane (disabled). Strona na hasło Wykorzystując pole typu "password" można w...
- Przeglądarka zdjęć
...zdjęć, można do niej dołączyć np. taki arkusz CSS: .zdjecia { text-align: center; } .zdjecia_menu { margin-bottom: 10px; font-size: 10px; } .zdjecia_menu input, .zdjecia_menu select { font-size: 10px; } .zdjecia_opis { margin-top: 10px; text-align: justify; } Najwygodniej będzie zapisać go w osobnym pliku z rozszerzeniem *.css - np. przegladarka_zdjec.css i osadzić w nagłówku dokumentu za pomocą znacznika: <link rel="stylesheet...
- Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki
...id="' + this.id + '" action="javascript:void(0)" onsubmit="' + this.id + '.wyswietl(); return false">' + '<input type="text" name="haslo" size="30" onkeyup="' + this.id + '.zaznacz()" class="text">' + '<div><select name="hasla" size="' + (typeof rozmiar != 'undefined' && rozmiar ? rozmiar : 15) + '" ondblclick="' + this.id + '.wyswietl()">' ); for (var i = 0; i < hasla.length; i++) { document.write('<option value="' + ((typeof adres_bazowy == 'undefined...