element - Kurs HTML i CSS
HTML5 / Uwydatnienie <mark>(interpretuje: Internet Explorer 9, Firefox 4, Opera 11.5, Chrome 7) <mark>...</mark> Zaznacza lub uwydatnia tekst w jednym dokumencie, w celu odwołania się do niego w innym kontekście. Uwydatnienia możemy użyć w przytaczanym cytacie. W ten sposób wskazujemy, że chcemy zwrócić szczególną uwagę czytelnika na oznaczony w ten sposób fragment i właśnie po to przytaczamy cały cytat. Mogą to być np. fragmenty cytatu, z którymi się nie zgadzamy i dalej w artykule przedstawiamy nasze własne...
- HTML5 / Autouzupełnianie <datalist>
...<option value="wartość1"> <option value="wartość2"> ... </datalist> Większość przeglądarek posiada funkcję tzw. autouzupełniania elementów formularzy. Jeżeli użytkownik wpisze coś w formularzu, a potem go wyśle, to kiedy będzie następnym razem wypełniał ten sam formularz, przeglądarka wyświetli mu podpowiedzi w postaci wartości, które wcześniej wpisywał w wybranych polach. Taki mechanizm jest bardzo wygodny, ponieważ pozwala zaoszczędzić użytkownikowi sporo czasu na...
Układ elastyczny CSS / Kolejność {order}...domyślnie równa zero. Elementy z przypisaną niższą wartością, będą wyświetlane w pierwszej kolejności. Wartości ujemne pozwalają przesunąć dowolny element na miejsce przed pierwszym. Elementy z przypisaną taką samą liczbą, wyświetlą się w kolejności ich występowania w kodzie źródłowym HTML. Możliwość swobodnego ustalania kolejności wyświetlania się elementów to następna duża zaleta układu elastycznego. Przy wstawiania znaczników HTML do kodu źródłowego już nie musimy się martwić, aby były...
- Układ elastyczny CSS / Wyrównanie wiersza {align-items, align-self}
...nr 1 blok 2 blok 3 align-items: flex-end To jest blok nr 1 blok 2 blok 3 "align-items: center" - ten sposób pozwala wyśrodkować w pionie element, nawet jeżeli z góry nie wiemy, ile treści będzie się w nim znajdować: To jest blok nr 1 blok 2 blok 3 align-items: baseline blok 1 blok 2 blok 3 align-items: stretch To jest blok nr 1 blok 2 blok 3 Indywidualne wyrównanie wiersza {align-self} selektor { align-self: wyrównanie } Selektorem mogą być dzieci...
Operacje na tablicach w JavaScript - Array.prototype / Sprawdzanie warunku dla wszystkich elementów - every...Array.prototype.every(callbackfn, thisArg) Parametry: Function callbackfn - funkcja testująca przyjmująca argumenty: kValue - element tablicy Number k - indeks elementu tablicy Array O - oryginalna tablica thisArg - wartość bieżącego obiektu this dostępnego w czasie wywołania wewnątrz ciała funkcji (domyślnie: undefined) Wartość: Boolean - czy dla wszystkich elementów tablicy funkcja testująca zwraca wartość true Wyjątki: TypeError - callbackfn nie jest funkcją...
- Operacje na tablicach w JavaScript - Array.prototype / Iterowanie po elementach tablicy - forEach
...Array.prototype.forEach(callbackfn, thisArg) Parametry: Function callbackfn - funkcja zwrotna przyjmująca argumenty: kValue - element tablicy Number k - indeks elementu tablicy Array O - oryginalna tablica thisArg - wartość bieżącego obiektu this dostępnego w czasie wywołania wewnątrz ciała funkcji (domyślnie: undefined) Wyjątki: TypeError - callbackfn nie jest funkcją Pozwala przejrzeć kolejno wszystkie elementy tablicy. Elementy, które nie zostały jawnie...
- Operacje na tablicach w JavaScript - Array.prototype / Przekształcanie elementów tablicy - map
...Array.prototype.map(callbackfn) Array.prototype.map(callbackfn, thisArg) Parametry: Function callbackfn - funkcja zwracająca nową wartość elementu i przyjmująca argumenty: kValue - element tablicy Number k - indeks elementu tablicy Array O - oryginalna tablica thisArg - wartość bieżącego obiektu this dostępnego w czasie wywołania wewnątrz ciała funkcji (domyślnie: undefined) Wartość: Array - nowa tablica Wyjątki: TypeError - callbackfn nie jest funkcją Pozwala...
- Operacje na tablicach w JavaScript - Array.prototype / Odfiltrowywanie elementów tablicy - filter
...Array.prototype.filter(callbackfn, thisArg) Parametry: Function callbackfn - funkcja testująca przyjmująca argumenty: kValue - element tablicy Number k - indeks elementu tablicy Array O - oryginalna tablica thisArg - wartość bieżącego obiektu this dostępnego w czasie wywołania wewnątrz ciała funkcji (domyślnie: undefined) Wartość: Array - nowa tablica Wyjątki: TypeError - callbackfn nie jest funkcją Pozwala pobrać z tablicy elementy, które spełniają określony...
- CSS dla zielonych / Kolor odsyłaczy CSS {color} :hover
...że koloru podświetlenia nie da się podać w inny sposób, niż przy pomocy języka CSS. A jest to bardzo przydatna możliwość. W ten sposób po wskazaniu elementu myszą użytkownik od razu widzi, że jest to element interaktywny, który można kliknąć, aby przejść pod podany adres. Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości nadawania wyglądu odsyłaczom na stronach internetowych, zobacz rozdziały: Odsyłacz podstawowy, Odsyłacz odwiedzony, Aktywacja...
- Kursory CSS / Kolor karetki tekstowej {caret-color}
(CSS 3 - interpretuje Firefox 53, Opera 44, Chrome 57) selektor { caret-color: kolor } Selektorem może być element interaktywny, 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...