oznacza - Kurs HTML i CSS
HTML5 / Walidacja pól formularza <input pattern>...Komunikat ten będzie jednak dość ogólny - np.: "Podaj wartość w wymaganym formacie". Niestety użytkownik może się nie domyślić, co właściwie oznacza ten "wymagany format". Dlatego zaleca się dodatkowo ustawić atrybut title="...", w którym możemy bardziej szczegółowo opisać, co powinno być wpisane w danym polu. W takiej sytuacji przeglądarka może dopisać wartość tego atrybutu do komunikatu błędu. Atrybut pattern="..." nie blokuje wysłania formularza, jeśli użytkownik w ogóle nie...
Marginesy CSS / Atrybuty mieszane marginesu {margin}...marginesy będą jednakowe. Przykład To jest akapit, który ma wszystkie marginesy równe 2cm (margin: 2cm) Dwie wartości - z których pierwsza oznacza górny i dolny margines, natomiast druga - lewy i prawy. Przykład To jest akapit, który ma górny i dolny margines równy 2cm, a lewy i prawy 1cm (margin: 2cm 1cm) Trzy wartości - z których pierwsza oznacza górny margines, druga - jednocześnie lewy i prawy, a ostatnia - dolny. Przykład To jest akapit, który ma górny margines równy 2cm...
- Rozmiary CSS / Przepełnienie {overflow}
...elementu jest większa od jego zadeklarowanej szerokości i wysokości. Określa, czy i jak ma być wyświetlany nadmiar treści wewnątrz elementu. Co oznacza "overflow: hidden"? W CSS, "overflow: hidden" to zastosowanie właściwości overflow z ustawieniem hidden. Oznacza to, że wszelki nadmiar zawartości, który wychodzi poza granice elementu, będzie ukryty i nie będzie widoczny dla użytkownika. Nie wyświetli się pasek przewijania ani część treści poza określoną przestrzenią elementu.
- Pozycjonowanie CSS / Pozycja absolutna {position: absolute}
...right: wartość - odległość od prawej krawędzi bloku obejmującego bottom: wartość - odległość od dolnej krawędzi bloku obejmującego Wyraz "wartość" oznacza konkretną odległość od podanej krawędzi "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...
- Układ elastyczny CSS / Marginesy automatyczne
...a niektóre przy prawej. Przykład {display: flex, margin-left: auto} blok 1 blok 2 blok 3 margin-left: auto Pytania i odpowiedzi Co oznacza "margin: auto"? W kontekście flexbox, "margin: auto" oznacza, że element zostanie wyśrodkowany wzdłuż osi głównej (głównego kierunku) kontenera. Działa to poprzez równomierne rozłożenie dostępnego miejsca po obu stronach elementu, co skutkuje wyśrodkowaniem. Jak ustawić elementy obok siebie CSS? Aby ustawić elementy obok siebie w...
- Układ elastyczny CSS / Elastyczność {flex-grow, flex-shrink, flex-basis, flex}
...flexbox, która określa, jak elementy mają się zmniejszać, gdy brakuje dostępnej przestrzeni w kontenerze. Domyślnie flex-shrink ma wartość 1, co oznacza, że elementy zmniejszą się równomiernie. Jeśli element ma wartość 0 (zero), nie będzie się zmniejszać w przypadku braku miejsca. Co robi "flex-grow"? flex-grow to właściwość CSS używana w kontekście flexbox, która określa, jak elementy mają się rozszerzać, gdy istnieje dodatkowa dostępna przestrzeń w kontenerze. Domyślnie flex-grow...
- Dziedziczenie stylów CSS / Odwołanie wartości {...: unset}
(CSS 3 - interpretuje Firefox 27, Opera 28, Chrome 41) selektor { cecha: unset } Selektor oznacza wybrany element, któremu chcemy zmienić sposób formatowania określony za pomocą cechy - zostaną opisane w kolejnych rozdziałach. Nie wszystkie cechy CSS podlegają dziedziczeniu. Wydaje się logiczne, że jeśli ustawimy określony kolor tekstu, to chcemy, aby również każdy z elementów podrzędnych miał właśnie taki kolor. Ale gdybyśmy w ten sposób postąpili np. z obramowaniem, efekt byłby dziwaczny...
- Dziedziczenie stylów CSS / Resetowanie wszystkich wartości {all}
(CSS 3 - interpretuje Firefox 27, Opera 24, Chrome 37) selektor { all: wartość } Selektor oznacza wybrany element, któremu chcemy zresetować sposób formatowania. Natomiast jako wartość należy podać: initial - przywrócenie wartości domyślnych inherit - wymuszenie dziedziczenia wartości unset - odwołanie wartości revert - przywrócenie wartości pierwotnych Sposoby przywracania domyślnych wartości bądź domyślnego zachowania, opisane wcześniej w tym rozdziale, mogą się okazać bardzo pomocne...
- Dziedziczenie stylów CSS / Przywrócenie wartości pierwotnej {...: revert}
(CSS 3 - interpretuje Firefox 67, Opera 73, Chrome 84) selektor { cecha: revert } Selektor oznacza wybrany element, któremu chcemy zmienić sposób formatowania określony za pomocą cechy - zostaną opisane w kolejnych rozdziałach. Każda przeglądarka ma wbudowany domyślny arkusz stylów. Dzięki niemu nawet jeśli nie dołączymy żadnych własnych stylów do dokumentu, to np. tekst zawarty w znaczniku B i tak będzie pogrubiony. To bardzo przydatna funkcja, bo przeglądarka w ten sposób załatwia za nas...
Obiekty daty - Date / Tworzenie obiektu daty - new Date...z Date.parse) albo liczba milisekund od północy 1 stycznia 1970 w strefie czasowej południka zerowego Number year - rok (wartości z zakresu 0...99 oznaczają lata od 1900 do 1999) Number month - miesiąc z zakresu 0...11 Number date - dzień miesiąca z zakresu 1...31 (domyślnie: 1) Number hours - godzina z zakresu 0...23 (domyślnie: 0) Number minutes - minuta z zakresu 0...59 (domyślnie: 0) Number seconds - sekunda z zakresu 0...59 (domyślnie: 0) Number ms - milisekunda z zakresu 0...999...