bezpośrednio - Kurs HTML i CSS
Wykaz skryptów / Pozostałe skrypty...wyświetlenie daty ostatniej aktualizacji strony. Aktualna data Wyświetlenie na stronie aktualnej daty. Nowość Sygnalizowanie nowości bezpośrednio w spisie treści lub na każdej ze stron, poprzez wyświetlenie specjalnego obrazka albo napisu. System newsów Automatyczny system wiadomości na stronie WWW, które są wyświetlane tylko przez określony czas. Skrypt posiada masę opcji konfiguracyjnych i atrakcyjny wygląd, a przy tym jest bardzo elastyczny w zastosowaniu. Nowe okno...
Obramowanie CSS / Odstęp obrysu {outline-offset}...tytuł [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać odstęp wyrażony w jednostkach długości. Standardowo obrys jest rysowany bezpośrednio na krawędzi elementu. Możemy go jednak nieco od niego odsunąć, jeśli uważamy, że dzięki temu będzie on wyglądał bardziej estytycznie. Przy tworzeniu obrysu możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację obrysu Przykład {outline-offset} outline-offset: 10px obrys bez odstępu
- Układ wielokolumnowy CSS / Odstęp kolumn {column-gap}
...i nie może być mniejsza od zera. Aby wymusić domyślny odstęp, należy podać wartość normal. Sąsiadujące kolumny z tekstem nie powinny do siebie bezpośrednio przylegać, gdyż wywołałoby to zlewanie się tekstu na krawędzi kolumn. Temu nieprzyjemnemu efektowi może skutecznie zapobiegać przerwa między kolumnami. Warto mieć na uwadze, że wartość domyślna tego odstępu (normal) zależy od konkretnej przeglądarki i wcale nie musi być równa zero. W obecnej wersji specyfikacja CSS nie pozwala...
- Układ elastyczny CSS / Kontener elastyczny {display: flex inline-flex}
...Układ elastyczny w linii: selektor { display: inline-flex } Wstawienie jednej z powyższej deklaracji sprawia, że dzieci elementu (znaczniki które bezpośrednio się w nim zawierają), wyznaczonego podanym selektorem [zobacz: Wstawianie stylów], będą układane w nim w sposób elastyczny. Tak tworzy się tzw. kontener elastyczny (ang. flex container), w którym dzieci układane są elastycznie. Sam kontener nie jest układany elastycznie na stronie, a jedynie jego dzieci. Wstawienie takiego kontenera...
Kontakt...indeksu na pewno będzie trwało krócej, niż zredagowanie treści listu e-mail z Twoim pytaniem. Szukaj w indeksie Jeżeli indeks haseł nie pomaga bezpośrednio odnaleźć interesujących Cię informacji, użyj wyszukiwarki. Szukaj w serwisie Gdy i to nie poskutkuje, możesz przeszukać pełnotekstowo cały Kurs HTML i CSS online, za pomocą wyszukiwarki Google. Szukaj w Internecie Nie na samym Kursie HTML kończy się webmasterski świat 😉 Prawdopodobnie wszystko, co kiedykolwiek wymyśliła...
HTML5 / Wstawka <aside>...powiązana tematycznie z resztą treści w dokumencie HTML5. Na przykład mogą to być bannery reklamowe albo wtrącone cytaty, do których nie na żadnego bezpośrednio odniesienia w pozostałej części artykułu ani one nie odnoszą się również wprost do tego artykułu, a zostały w tym miejscu zamieszczone tylko dlatego, że w sposób ogólny pasują do kontekstu treści na stronie. Kiedy ASIDE a kiedy ARTICLE? Oba te znaczniki tworzą nową sekcję w dokumencie, która w innym kontekście mogłaby...
- HTML5 / Załącznik <figure, figcaption>
...Oba również z powodzeniem moglibyśmy umieścić na osobnej stronie - poza artykułem, w którym pierwotnie się znalazły. Jednak treść artykułu zwykle bezpośrednio odnosi do występujących w nim ilustracji i diagramów, dlatego co najwyżej moglibyśmy przenieść je na inną podstronę serwisu, a w artykule wstawić do nich odsyłacz. Z tego powodu stosuj znacznik FIGURE zawsze wtedy, gdy po usunięciu jego zawartości z serwisu pozostała treść utraciłaby wewnętrzną spójność. Natomiast jeżeli nawet po...
Manipulacja obiektami w JavaScript - Object / Deskryptor właściwości obiektu w JavaScript - getOwnPropertyDescriptor...sterować dostępem do podanej właściwości obiektu [zobacz: Object.defineProperty]. Nie uwzględnia właściwości przejętych z prototypu, a jedynie bezpośrednio przypisane do obiektu. Przykład Object.getOwnPropertyDescriptor Object.getOwnPropertyDescriptor({p: 1}, "p"); // {value: 1, writable: true, enumerable: true, configurable: true} Object.getOwnPropertyDescriptor({}, "p"); // undefined var Cls = function () { this.p = 1; }; Cls.prototype.m = function () {}; var obj = new Cls()...
- Układ elastyczny CSS / Elastyczność {flex-grow, flex-shrink, flex-basis, flex}
...w kontenerze, zanim wolna przestrzeń zostanie rozłożona pomiędzy dzieci kontenera. Wartość "0" (zero) spowoduje, że rozmiary elementów będą bezpośrednio proporcjonalne do przypisanych im wartości flex-grow (albo flex-shrink - w przypadku ściśnięcia). Jeżeli wszystkie elementy kontenera będą miały przypisany styl "flex-grow: 1", w efekcie mogą zostać rozciągnięte do dokładnie takiego samego rozmiaru. Wartość "auto" (domyślnie) spowoduje, że rozmiary absolutne poszczególnych elementów...
- Manipulacja obiektami w JavaScript - Object / Lista właściwości obiektu w JavaScript - getOwnPropertyNames
...normalnie niedostępnych w pętli for-in [zobacz: Object.defineProperty - enumerable]. Nie uwzględnia właściwości przejętych z prototypu, a jedynie bezpośrednio przypisane do obiektu. Przykład Object.getOwnPropertyNames Object.getOwnPropertyNames({p: 1}); // ["p"] Object.getOwnPropertyNames({}); // [] var obj = {}; Object.defineProperty(obj, "p", {enumerable: false}); Object.getOwnPropertyNames(obj); // ["p"] var Cls = function () { this.p = 1; }; Cls.prototype.m = function ()...