height - Kurs HTML i CSS
Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?Różnice w wyznaczaniu rozmiaru elementów - własności width oraz height. W trybie Quirks marginesy wewnętrzne i obramowanie zawierają się wewnątrz rozmiarów elementu, natomiast wg CSS na zewnątrz. [Porównaj: Model pudełkowy wg CSS 2] Nie dotyczy przeglądarki Firefox ani Opera. We wcześniejszych wersjach Internet Explorera przedstawiony wyżej model określania rozmiarów wg CSS odnosi się tylko do szerokości komórek tabeli, ale nie do ich wysokości. Wcześniejsze wersje MSIE nie stosowały tych...
- Oprawa graficzna / "Duszki" CSS
...<li><a href="obramowanie.html">Obramowanie</a></li> </ul> ul, ul li { display: block; list-style: none; margin: 0; padding: 0; line-height: normal; font-size: 12px; } ul li { width: 200px; border-width: 1px; border-style: solid; border-color: #dfe #365 #365 #dfe; } ul a:link, ul a:visited { display: block; width: 169px; text-decoration: none; padding: 5px 10px 5px 20px; font-weight: bold; background: #bfb url(obrazek.gif) no-repeat -16px -25px; color: #365...
- Czcionki CSS / Atrybuty mieszane czcionki {font}
...small-caps font-weight font-stretch - w tym poleceniu obsługiwane jest dopiero w CSS 3 Obowiązkowo wartość font-size Opcjonalnie wartość line-height poprzedzona znakiem ukośnika ("/") Obowiązkowo wartość font-family 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...
- Pozycjonowanie CSS / Ustawienie {float, vertical-align}
...w zależności od kontekstu. Jednym z najpopularniejszych sposobów jest użycie właściwości "text-align: center" dla wyśrodkowania w poziomie i line-height oraz height dla wyśrodkowania w pionie. Na przykład: .wysrodkowany-tekst { text-align: center; /* Wyśrodkowanie w poziomie */ height: 200px; /* Wysokość kontenera */ line-height: 200px; /* Wysokość linii równa wysokości kontenera */ }. To spowoduje wyśrodkowanie tekstu zarówno w pionie, jak i poziomie wewnątrz kontenera o wysokości...
HTML5 / Filmy i dźwięk <video, audio, source>...treści <video, audio, source> Wstęp Filmy i dźwięk Atrybuty odtwarzacza autoplay controls loop muted playsinline poster preload width, height Formaty audio/wideo MP3/MP4 OGG/OGV Kodeki Kodeki MP4 Kodeki OGG/OGV Wstęp Przed pojawieniem się języka HTML5, istniały już różne sposoby osadzania treści multimedialnych audio/wideo na stronach internetowych: Osadzenie pliku Uniwersalny sposób odtwarzania plików Niestety miały one spore wady: Większość z nich nie...
- Podcast HTML / #7 Widżety HTML
...koloru tła dokumentu wczytywanego, przeglądarka może przyjąć kolor tła strony, na której wstawiono ramkę. Określanie rozmiaru ramki <iframe width height> <iframe src="lokalizacja" width="x" height="y">...</iframe> lub <iframe src="lokalizacja" width="x%" height="y%">...</iframe> "x" to szerokość w pikselach, a "y" to wysokość w pikselach. "x%" oznacza szerokość w procentach całego ekranu (lub elementu nadrzędnego), a "y%" oznacza wysokość w procentach. Jeśli zawartość ramki...
Galeria zdjęć HTML / Skrypt galerii zdjęć...1); }; GalleryView.prototype._createStyle = function() { var margin = '10px'; var overlayStyle = { left: 0, top: 0, width: '100%', height: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' }; var buttonStyle = { border: 0, padding: 0, lineHeight: 1, color: '#000', background: 'rgba(255, 255, 255, 0.5)', cursor: 'pointer' }; var navigationStyle = { fontSize: '50px', width: '75px', height: '75px', borderRadius: '50...
- Multimedia HTML / Osadzenie pliku <embed>
...dźwiękowych (muzyka) i wideo (filmy) korzystniej jest użyć odpowiednio elementów: AUDIO, VIDEO. <embed src="ścieżka dostępu do pliku" width="x" height="y"> gdzie jako "ścieżka dostępu 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...
- Nagłówek i treść HTML / Skalowanie strony <meta "viewport">
...określona bezpośrednio w pikselach albo za pomocą specjalnego słowa kluczowego device-width, które oznacza pełną szerokość obszaru wyświetlania. height Określa początkową wysokość obszaru wyświetlania przeglądarki. Może być określona bezpośrednio w pikselach albo za pomocą specjalnego słowa kluczowego device-height, które oznacza pełną wysokość obszaru wyświetlania. initial-scale Wartość od 0.0 do 10.0 (należy posługiwać się kropką dziesiętną, a nie przecinkiem!) określająca początkowy...
- Ikony (symbole) / Formatowanie tekstu
...toc toc Formatuj podkreślenie format_underlined format_underlined Wyrównanie pionowe do góry vertical_align_top vertical_align_top Wysokość height height Wyrównanie pionowe do dołu vertical_align_bottom vertical_align_bottom Skopiuj wszystko copy_all copy_all Widok tygodnia view_week view_week Formatuj kolor tekstu format_color_text format_color_text Niska priorytetowość low_priority low_priority Wgraj folder do Dysku drive_folder_upload drive_folder_upload Zadanie spóźnione...