auto - Kurs HTML i CSS
Marginesy CSS / Górny margines {margin-top}...np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Wpisanie auto ustali wartość automatyczną. Polecenie wprowadza dodatkowy odstęp między danym elementem a elementem poprzedzającym. Jeśli definiowane własności mają odnosić się do całej strony (np. marginesy strony), można użyć selektora BODY (zobacz także: Marginesy wewnętrzne). Przykład {margin-top} To jest pierwszy akapit... ...a to jest następny...
- Marginesy CSS / Prawy margines {margin-right}
...np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Wpisanie auto ustali wartość automatyczną. Komenda pozwala wprowadzić prawy margines dla danego elementu, a więc np. dodatkową odległość od prawego brzegu strony. Przykład {margin-right} To jest akapit z prawym marginesem margin-right: 4cm i dlatego jest oddalony od prawej krawędzi strony o 4cm.
- Obramowanie CSS / Szerokość obramowania obrazkowego {border-image-width}
...(względem całkowitego obszaru obramowania obrazkowego) lub jako liczba naturalna (podająca wielokrotność szerokości obramowania). Wpisanie auto ustali wartość automatyczną. Możliwe jest przy tym podanie: jednej wartości - określa jednakową szerokość wszystkich krawędzi dwóch wartości - pierwsza określa szerokość górnej i dolnej krawędzi, natomiast druga - lewej i prawej trzech wartości - pierwsza określa szerokość górnej krawędzi, druga - lewej i prawej, natomiast trzecia...
- Rozmiary CSS / Przepełnienie tekstu {text-overflow}
...dlatego aby zabezpieczyć się na taką okoliczność, zwykle ukrywa się nadmiarową zawartość przy pomocy stylu "overflow: hidden" albo "overflow: auto". Kłopot w tym, że wtedy użytkownik może się w ogóle nie zorientować, że tekst został przycięty - zwłaszcza jeśli litery ułożą się w taki sposób, że żaden wyraz nie zostanie ucięty w środku. W takiej sytuacji znacznie lepiej by było wstawić na końcu wiersza wielokropek, który pozwoli czytelnikowi uniknąć nieporozumień. Oczywiście wielokropka...
- Pozycjonowanie CSS / Pozycja absolutna {position: absolute}
...obejmującego bloku". Należy ją wpisać używając jednostek długości. Wartość ujemna oznacza przesunięcie w przeciwną stronę. Można również wpisać auto, co ustali wartość automatyczną. Można oczywiście łączyć parametry, np. left: 1cm; top: -10px. W tym przypadku można nawet określić jednocześnie odległości left i right, a także top wspólnie z bottom - pozwoli to rozciągnąć szerokość lub/i wysokość elementu pozycjonowanego w taki sposób, aby odległości jego odpowiednich krawędzi od brzegów...
- Pozycjonowanie CSS / Pozycja relatywna {position: relative}
...położenie spoczynkowe. Należy ją wpisać używając jednostek długości. Wartość ujemna oznacza przesunięcie w przeciwną stronę. Można również wpisać auto, co ustali wartość automatyczną. Można oczywiście łączyć parametry, np. left: 1cm; top: -10px. Należy jednak pamiętać o tym, że parametr left ma pierwszeństwo przed right (jeśli kierunek tekstu jest "ltr" - od lewej do prawej), natomiast top ma pierwszeństwo przed bottom. To znaczy jeśli np. podamy: left: 1cm; top: 2cm; right: 3cm; bottom...
- Pozycjonowanie CSS / Pozycja ustalona {position: fixed}
...od podanej krawędzi okna przeglądarki. Należy ją wpisać używając jednostek długości. Wartość ujemna oznacza przesunięcie w przeciwną stronę. Podanie auto oznacza położenie automatyczne. Można oczywiście łączyć parametry, np. left: 1cm; top: -10px. Polecenie to działa podobnie jak pozycjonowanie absolutne, z tą różnicą, że pozycja elementu jest zawsze obliczana względem krawędzi okna przeglądarki (obszaru w którym znajduje się strona). Dodatkowo element taki jest nieruchomy podczas przewijania...
- Komendy CSS 2 / overflow
WARTOŚĆ visible | hidden | scroll | auto | inherit OPIS Kontroluje przepełnienie elementu INICJALIZACJA visible ZASTOSOWANIE elementy blokowe i zastępowane DZIEDZICZENIE nie PROCENTY nie MEDIA visual
- Komendy CSS3 / Komponowanie i mieszanie CSS
...Zastosowanie wszystkie elementy Dziedziczenie nie Procenty nie Media visual isolation Izolacja Wartość <isolation-mode> Inicjalizacja auto Zastosowanie wszystkie elementy Dziedziczenie nie Procenty nie Media visual background-blend-mode Tryb mieszania tła Wartość <blend-mode> Inicjalizacja normal Zastosowanie wszystkie elementy Dziedziczenie nie Procenty nie Media visual
- Kursory CSS / Kolor karetki tekstowej {caret-color}
...w którym użytkownik może wpisywać tekst, np. textarea, input[type="text"]. Natomiast jako "kolor" należy podać definicję koloru albo wartość auto (zresetowanie karetki testowej do domyślnego koloru). W przypadku interaktywnych elementów strony, w których można wpisywać tekst, pojawia się tzw. karetka. Wskazuje ona miejsce, w którym pojawią nowe znaki tekstu, kiedy zaczniemy je wpisywać z klawiatury. Karetka tekstowa najczęściej ma postać pionowej, migającej kreski. Zdarzają się jednak...