szerokość - Kurs HTML i CSS
Obramowanie CSS / Nawis obramowania obrazkowego {border-image-outset}...lub jako liczba naturalna (podająca wielokrotność szerokości obramowania). Możliwe jest przy tym podanie: jednej wartości - określa jednakową szerokość nawisu poza wszystkie krawędzie obramowania dwóch wartości - pierwsza określa szerokość nawisu poza górną i dolną krawędź obramowania, natomiast druga - poza lewą i prawą trzech wartości - pierwsza określa szerokość nawisu poza górną krawędź obramowania, druga - poza lewą i prawą, natomiast trzecia - poza dolną czterech wartości...
- Rozmiary CSS / Wysokość i marginesy automatyczne
...proporcje (np. obrazek), a przy tym wartość height wynosi auto. W takim przypadku ostateczna wysokość elementu jest obliczana ze wzoru: (ustawiona szerokość) / (wewnętrzne proporcje) co oznacza po prostu przeskalowanie elementu tak, aby zachował on swoje proporcje. 3. Elementy nie-zastępowane: blokowe oraz z oblewaniem (float) Jeżeli własności top, bottom, margin-top lub margin-bottom mają przypisaną wartość auto, przyjmują ostateczną wartość zero. Przypisanie wartości auto dla wysokości...
- Układ wielokolumnowy CSS / Linia rozdzielająca kolumn {column-rule-color, column-rule-style, column-rule-width, column-rule}
...selektor { column-rule-style: styl } gdzie "styl" określa się identycznie jak w przypadku obramowania Szerokość: selektor { column-rule-width: szerokość } gdzie "szerkość" określa się identycznie jak w przypadku obramowania Atrybuty mieszane: selektor { column-rule: wartości atrybutów } Jako "wartości atrybutów" podaje się rozdzielone spacjami wartości szerokości, stylu i koloru linii rozdzielającej. Czasami samo oddzielenie kolumn odstępem nie jest wystarczające, aby czytelnik...
Formularze HTML / Pole tekstowe <input "text">...tylko liczby. Aby umieścić go wewnątrz formularza, wystarczy ustawić mu odpowiedni typ: <input type="number" name="...">. Jaki atrybut ustala szerokość pola tekstowego? Domyślnie każde pole tekstowe ma ustaloną szerokość, która może się różnić w zależności od przeglądarki. Aby ustawić szerokość pola np. na 10 znaków, można się posłużyć następującym kodem: <input type="text" name="..." size="10">. Warto pamiętać, że jeśli użytkownik będzie chciał wpisać w takim polu tekst dłuższy niż...
- CSS dla zielonych / Marginesy strony CSS {margin, margin-top, margin-bottom, margin-left, margin-right}
Przeglądarki zwykle ustalają pewną szerokość marginesów strony. Nie zawsze jednak domyślne ustawienia będą dobrze współgrać np. z określonym przez nas rozmiarem czcionki. Na szczęście bardzo łatwo można to zmienić: body { margin: szerokość; } albo jeśli chcemy ustawić marginesy niesymetryczne (z każdej strony inne): body { margin-top: górny; margin-bottom: dolny; margin-left: lewy; margin-right: prawy; } Aby określić szerokość marginesu w pikselach, należy wpisać liczbę, a po niej...
- CSS dla zielonych / Ramki z tekstem CSS {background-color, padding, padding-top, padding-bottom, padding-left, padding-right, border-width, border-style, border-color, border-radius}
...tła ramki .nazwa-klasy { background-color: kolor tła; } "kolor tła" jest definicją koloru. Marginesy wewnątrz ramki .nazwa-klasy { padding: szerokość; } albo: .nazwa-klasy { padding-top: górny; padding-bottom: dolny; padding-left: lewy; padding-right: prawy; } Aby określić szerokość marginesu wewnętrznego bądź oddzielnie margines górny, dolny, lewy lub prawy, należy wpisać liczbę, a od razu po niej (koniecznie bez spacji!) jednostkę - np.: 10px. Obramowanie .nazwa-klasy...
- Nagłówek i treść HTML / Skalowanie strony <meta "viewport">
...parametr2=wartość2..." należy podać rozdzieloną przecinkami listę parametrów wraz z przypisanymi im wartościami: width Określa początkową szerokość obszaru wyświetlania przeglądarki. Może być 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...
- Multimedia HTML / Uniwersalny sposób odtwarzania plików <a "jpg, avi, wav, txt, doc, rtf, xls, pdf", object>
...we wszystkich przeglądarkach, możemy użyć zagnieżdżania plików multimedialnych: <object data="ścieżka dostępu do pliku multimedialnego" width="szerokość" height="wysokość"> <a href="ścieżka dostępu do pliku multimedialnego">Pobierz plik</a> </object> gdzie zmodyfikować należy wyróżnione linijki, a kolejne wpisy w nich oznaczają: ścieżka dostępu do pliku multimedialnego lokalizacja na dysku, gdzie znajduje się żądany plik multimedialny szerokość" i "wysokość rozmiar wyświetlanego...
- Widżety HTML / Ramki lokalne <iframe>
...<iframe src="lokalizacja" width="x" height="y">...</iframe> lub <iframe src="lokalizacja" width="x%" height="y%">...</iframe> gdzie "x" oznacza szerokość w pikselach, a "y" oznacza wysokość (również w pikselach). Natomiast "x%" oznacza szerokość w procentach całego ekranu (bądź elementu nadrzędnego posiadającego ustalone wymiary), a "y%" oznacza wysokość (również w procentach). Jeżeli zawartość ramki będzie większa niż jej rozmiary, przeglądarka wyświetli suwaki do przewijania jej...
- 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ż...