właściwości - Kurs HTML i CSS
Pozycjonowanie CSS / Przyleganie {clear}...i zaczynał się od nowego wiersza. Jak wyłączyć "float: left"? Aby wyłączyć "float: left" ustawione wcześniej dla elementu w CSS, można użyć właściwości clear z wartością left na elemencie, który ma być wyczyszczony. To spowoduje, że element przestanie być położony obok innych elementów ustawionych na "float: left". Kiedy używać "clear: both"? Deklaracja "clear: both" jest używana w CSS, gdy chcemy wymusić, aby element położony poniżej innych elementów, które mogą być ustawione...
- Marginesy CSS / Wymiarowanie pudełka {box-sizing}
...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 obramowania, cały rozmiar elementu będzie taki, jak został określony.
HTML5 / Nowe atrybuty HTML5...itemid, itemprop, itemref, itemscope, itemtype Wszystkie elementy itemid - globalny identyfikator dla elementu mikrodanych; itemprop - nazwy właściwości elementu mikrodanych; itemref - elementy referencyjne; itemscope - wprowadza element mikrodanych; itemtype - typy elementu mikrodanych loading IFRAME, IMG Używany przy określaniu opóźnienia ładowania minlength, maxlength INPUT, TEXTAREA minlength - minimalna długość wartości; maxlength - maksymalna długość wartości...
- Układ elastyczny CSS / Flexbox
...razu dokładnie przewidzieć, ile tekstu będą zawierać artykuły, opublikowane w serwisie. Rozwiązaniem miało być płynne ustalanie pozycji przy pomocy właściwości float [zobacz: Szablon strony na DIV-ach]. I rzeczywiście w większości typowych zastosowań taki sposób był zupełnie wystarczający. Niestety w pewnych szczególnych przypadkach miał podobne ograniczenia jak pozycja absolutna. Bardzo trudno było zrealizować, zdawać by się mogło, tak trywialne sposoby układania elementów, jak wyśrodkowanie...
- Układ elastyczny CSS / Wyrównanie wiersza {align-items, align-self}
...kontrolować pozycję elementów w kontenerze flexbox. Jak wyśrodkować w pionie CSS? Aby wyśrodkować zawartość w pionie za pomocą CSS, można użyć właściwości align-items z wartością center w kontenerze flexbox. Oto przykład: .kontener { display: flex; align-items: center; /* Wyśrodkowanie w pionie */ }.
Manipulacja obiektami w JavaScript - Object / Tworzenie obiektu na wzorcu bez konstruktora - create...Object.create(O, Properties) Parametry: Object O - wzorcowy prototyp obiektu Object Properties - obiekt zawierający deskryptory dodatkowych właściwości tworzonego obiektu [zobacz: Object.defineProperty] Wartość: Object - prototyp nowego obiektu Wyjątki: TypeError - wartość O nie jest obiektem ani null Pozwala utworzyć prototyp nowego obiektu na bazie wzorca. Inaczej niż w przypadku użycia operatora new użycie funkcji Object.create nie wywołuje konstruktora obiektu. Przykład...
- Manipulacja obiektami w JavaScript - Object / Sprawdzanie, czy obiekt jest opieczętowany - isSealed
...Wyjątki: TypeError - wartość O nie jest obiektem Sprawdza, czy podany obiekt został opieczętowany, tzn. jest nierozszerzalny, a wszystkie jego właściwości są niekonfigurowalne [zobacz: Object.definePropert - configurable]. Przykład Object.isSealed Object.isSealed({}); // false Object.isSealed(Object.seal({})); // true Object.isSealed(Object.freeze({})); // true Object.isSealed(Object.preventExtensions({})); // true var obj...
- Manipulacja obiektami w JavaScript - Object / Sprawdzanie, czy obiekt jest zamrożony - isFrozen
...Wyjątki: TypeError - wartość O nie jest obiektem Sprawdza, czy podany obiekt został zamrożony, tzn. jest nierozszerzalny, a wszystkie jego właściwości są niekonfigurowalne i zablokowane przed zapisem [zobacz: Object.definePropert - configurable, writable]. Przykład Object.isFrozen Object.isFrozen({}); // false Object.isFrozen(Object.seal({})); // true Object.isFrozen(Object.freeze({})); // true...
- Reguły specjalne CSS
...import url(adr) (wart); @media (wart) cechy mediów Zapytania mediów 3 @supports (wart) @supports not (wart) obsługiwane cechy Zapytania właściwości 3