height - Kurs HTML i CSS
Komendy HTML 4.01 / OBJECTWłączenie 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...
- Komendy HTML 4.01 / TD
Komó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 / Zmienione elementy i atrybuty HTML5
...URL, ale odniesienie do identyfikatora, rozpoczynające się znakiem krzyżyka ("#"). value Dla elementu LI nie jest już zdeprecjonowany. width, height Dla znaczników IMG, IFRAME, OBJECT nie mogą zawierać wartości procentowych. Nie mogą również zostać użyte do spłaszczenia ani rozciągnięcia elementów niezgodnie z ich oryginalnymi proporcjami. Odradzane atrybuty border Jeśli jest podany dla znacznika IMG, musi zawierać wartość "0" (zero). W zamian lepiej używać CSS. language Jeśli...
- HTML5 / Przestarzałe elementy i atrybuty HTML5
...char, charoff COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, TR clear BR compact DL, MENU, OL, UL frame TABLE frameborder TABLE height TD, TH hspace, vspace IMG, OBJECT marginheight, marginwidth IFRAME noshade HR nowrap TD, TH rules TABLE scrolling IFRAME size HR type LI, UL valign COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, TR width HR, TABLE, TD, TH, COL, COLGROUP, PRE
Selektory pseudoklas CSS / Pusty element :empty...ponieważ ich przeznaczeniem jest oznaczanie treści. Przykład :empty Po wpisaniu w arkuszu stylów: p:empty { background-color: red; width: 100%; height: 1em } a w dowolnym miejscu strony: <p></p> <p> </p> <p><b></b></p> <p>To jest akapit</p> otrzymamy cztery akapity, z których tylko pierwszy element (pusty) powinien mieć ustawione tło koloru czerwonego: To jest akapit Zwróć uwagę, że drugi akapit (zawierający tylko spację) ani trzeci akapit (zawierający tylko pusty element-dziecko)...
- HTML5 / Responsywny obrazek <picture, source>
...na małym ekranie urządzenia mobilnego. Teoretycznie moglibyśmy sobie z tym poradzić w bardzo prosty sposób za pomocą CSS: img { max-width: 100%; height: auto; } Wstawienie takiej reguły w zewnętrznym lub wewnętrznym arkuszu stylów spowoduje, że żaden obrazek nie będzie szerszy niż dostępne miejsce na stronie. Grafiki mniejsze pozostaną bez zmian, natomiast większe będą przeskalowane w dół. Problem w tym, że nie zawsze jest to dobre rozwiązanie. Pomijając już fakt, że mimo przeskalowania...
- Wstawianie stylów CSS / Kaskadowość stylów
...Zewnętrzny arkusz stylów Import stylów do zewnętrznego arkusza (Atrybuty prezentacyjne HTML - np. align="...", bgcolor="...", color="...", height="...", width="..." i inne) Style o wyższym priorytecie ważności (na początku listy) mają pierwszeństwo w modyfikowaniu elementów dokumentu. Style niżej w hierarchii mogą zmienić formatowanie jakiegoś elementu, tylko jeśli style o wyższym priorytecie nie dotyczą tego konkretnego elementu. Na szczególną uwagę zasługuje również fakt, że...
- Jednostki CSS / Długość
...procentowe obszaru wyświetlania. Dzięki nim, nieważne jakie będą fizyczne wymiary ekranu, ustalając wielkość tekstu jako np. "font-size: 5vh; line-height: 100%" zapewnimy, że na ekranie powinno zmieścić się dokładnie 20 linijek tekstu (bez konieczności przewijania). Jednostki bezwzględne Jednostki bezwzględne są użyteczne tylko wtedy, gdy fizyczne własności medium wyjściowego (np. monitor) są znane. Należy ich używać zawsze wtedy, gdy zależy nam, aby wybrany element zajmował zawsze taki...
- Media CSS / Wybór medium @media
...stylów, np.: @media print { body { font-size: 10pt } } @media screen { body { font-size: 12pt } } @media screen, print { body { line-height: 1.2 } } Powyższe polecenia, wpisane w arkuszu stylów, definiują rozmiar czcionki 10pt dla wydruku, 12pt dla ekranu komputerowego oraz wysokość linii 1.2 jednocześnie dla ekranu i wydruku.