szerokość - Kurs HTML i CSS
Formularze HTML / Obszar tekstowy <textarea>...bądź innej nieco dłuższej wiadomości. Jak zmienić rozmiar pola tekstowego HTML? Domyślnie każde wieloliniowe pole tekstowe ma ustaloną zarówno szerokość jak i wysokość, które mogą się różnić w zależności od przeglądarki. Aby ustawić szerokość takiego pola np. na 100 znaków, a wysokość na 10 linijek tekstu, można się posłużyć następującym kodem: <textarea name="..." cols="100" rows="10"></textarea>. Warto pamiętać, że jeśli użytkownik będzie chciał wpisać w takim polu tekst dłuższy niż...
- Ikony (symbole) / Formatowanie tekstu
...ungroup Skanuj scan scan Książka 4 book_4 book_4 Źródło notatek source_notes source_notes Usuń umowę contract_delete contract_delete Dopasuj szerokość fit_width fit_width Koniec linii okrągły line_end_circle line_end_circle Żeton lokalizacji location_chip location_chip Ogłoszenie tekstowe text_ad text_ad Licznik 0 counter_0 counter_0 Przesuń marker do rysowania ink_highlighter_move ink_highlighter_move Licznik 7 counter_7 counter_7 Zaznacz listę alternatywną list_alt_check...
- Komendy HTML 4.01 / IFRAME
Pływająca ramka (lokalna). Pomiędzy znacznikami znajduje się treść dla przeglądarek, które nie obsługują ramek. Tylko Transitional DTD! Zobacz więcej... Atrybuty: ALIGN="ustawienie" Poziome ustawienie (wyrównanie) z uwzględnieniem otoczenia (zdeprecjonowane): center - wyśrodkowanie justify - wyrównanie do obu marginesów jednocześnie left - wyrównanie do lewej right - wyrównanie do prawej CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone...
- 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ć...
- Komendy HTML 4.01 / OBJECT
Włą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 / TABLE
Tabela składająca się z wierszy (TR), kolumn (COLGROUP, COL) i komórek (TD). Może zawierać część nagłówkową (THEAD), ciało (TBODY) i stopkę (TFOOT), jak również opis nagłówkowy (CAPTION). Zobacz więcej... Atrybuty: ALIGN="ustawienie" Poziome ustawienie tabeli (zdeprecjonowane): center - wyśrodkowanie left - do lewej right - do prawej BGCOLOR="kolor" Kolor tła w komórkach tabeli (zdeprecjonowane) BORDER="piksele" Szerokość w pikselach ramki otaczającej tabelę CELLPADDING="długość...
Marginesy CSS / Model pudełkowy CSS...blokowy? Model blokowy odnosi się do sposobu wyświetlania elementów w HTML i CSS, gdzie elementy blokowe (np. <div>, <p>) zajmują całą dostępną szerokość oraz tworzą nową linię powyżej i poniżej nich. W przeciwieństwie do elementów liniowych, elementy blokowe można stylizować przy użyciu właściwości CSS, takich jak szerokość, marginesy czy obramowanie. Przykładowy kod: <div style="width: 300px; margin: 10px; background-color: blue">Treść</div>.
- Tabele CSS / Obramowanie tabeli {border-collapse, border}
Spis treści {border-collapse, border} Model obramowania tabeli {border-collapse} Styl, szerokość i kolor obramowania tabeli {border} Przy definiowaniu obramowania tabeli możesz skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację tabeli Model obramowania tabeli {border-collapse} selektor { border-collapse: model } Selektorem może być element TABLE [zobacz: Wstawianie stylów]. Natomiast jako "model" należy podać: collapse - pojedyncze obramowanie...
- Marginesy CSS / Wymiarowanie pudełka {box-sizing}
...i obramowanie. Dzięki temu można precyzyjnie zarządzać wymiarami elementów w modelu pudełkowym. Domyślnie wartość box-sizing to content-box, gdzie szerokość i wysokość elementu obejmują tylko treść. Co to jest "box-sizing: border-box"? "box-sizing: border-box" to wartość właściwości CSS box-sizing, która definiuje, że szerokość i wysokość elementu będą obejmować treść, padding oraz obramowanie, ale nie będą uwzględniać marginesów. Dzięki temu, niezależnie od dodanych paddingów i...
- Tło CSS / Rozmiary tła obrazkowego {background-size}
...obrazek zostanie przeskalowany względem obszaru pozycjonowania tła Podanie dwóch z powyższych wartości (np. "150px 100px") pozwala określić osobno szerokość i wysokość obrazka (skalowanie bez zachowania proporcji - rozciąganie grafiki). Aby przeskalować do wysokości, zachowując jego proporcje, jako szerokość należy podać wartość "auto" (np. "auto 100px"). Często zależy nam na wstawieniu w tle strony tylko jednego egzemplarza obrazka (bez jego powielania), ale w taki sposób aby idealnie...