ustawienia - Kurs HTML i CSS
HTML5 / Pasek wyniku <meter>...tych przedziałów jest optymalny. W zależności od tego, w którym przedziale znajduje się podana wartość atrybutu value="...", możliwe są następujące ustawienia przedziałów i odpowiadające im stany wartości: Stan paska wyniku <meter> Wartość optimum < low < high (optimum w dolnym przedziale) low < optimum < high (optimum w środkowym przedziale) low < high < optimum (optimum w górnym przedziale) value < low < high (wartość w dolnym przedziale) optimum ostrzeżenie alarm low <...
Czcionki CSS / Atrybuty mieszane wariantu czcionki {font-variant}...tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "wartości atrybutów" należy wpisać konkretne ustawienia wariantów czcionki. Możliwe są tutaj trzy sposoby: normal - wartość domyślna none - zablokowanie wszystkich rodzajów wariantów Dowolna liczba poniższych wartości rozdzielonych spacjami: font-variant-ligatures font-variant-caps font-variant-numeric font-variant-position Polecenie to pozwala w wygodny sposób zdefiniować...
- HTML5 / Automatyczne zogniskowanie <... autofocus>
...Pytania i odpowiedzi <input autofocus, button tabindex> Co to jest funkcja autofocus? Funkcja autofocus w HTML jest używana do automatycznego ustawienia fokusu na określonym elemencie formularza, takim jak pole tekstowe, gdy strona jest załadowana. Na przykład, używając <input type="text" name="username" autofocus>, przeglądarka automatycznie ustawi kursor w polu username podczas ładowania strony. Jak ustawić domyślny fokus w HTML? Domyślny fokus w HTML można ustawić, dodając...
- Tło CSS / Powtarzanie tła obrazkowego {background-repeat}
...możemy dla każdego z nich określić inny sposób powtarzania. Jeżeli pominiemy ustawienie sposobu powtarzania następnych obrazków, przejmą one ustawienia z pierwszego. Przykład {background-repeat} repeat-y, repeat-x
- Tło CSS / Tło obrazkowe {background-image}
...Jak dodać tło do zdjęcia? Aby dodać tło do zdjęcia z elementami przezroczystymi w CSS, można jednocześnie użyć właściwości background-image do ustawienia obrazka jako tła oraz background-color do określenia koloru tła. Na przykład, jeśli obrazek ma format GIF lub PNG z elementami przezroczystymi i chcesz dodać kolor tła, możesz użyć: "background-image: url('sciezka/do/zdjecia.png'); background-color: #EFEFEF", gdzie #EFEFEF to wybrany kolor tła. Takiego efektu nie można uzyskać ze...
- Tło CSS / Pozycja tła obrazkowego {background-position}
...w tle wstawimy więcej niż jeden obrazek, możemy dla każdego z nich określić inną pozycję. Jeżeli pominiemy pozycję następnych obrazków, przejmą one ustawienia z pierwszego. Przykład {background-position} no-repeat; left top, right bottom
- Tło CSS / Zaczepienie tła obrazkowego {background-attachment}
...możemy dla każdego z nich określić inny sposób zaczepienia. Jeżeli pominiemy ustawienie sposobu zaczepienia następnych obrazków, przejmą one ustawienia z pierwszego. Pytania i odpowiedzi Co to "background-attachment"? background-attachment to właściwość CSS, która określa, czy tło elementu ma pozostać nieruchome względem okna przeglądarki, czy przewijać się wraz z zawartością strony. Którą z wartości "background-attachment" w języku CSS należy wybrać, aby tło strony było...
- CSS dla zielonych / Marginesy strony CSS {margin, margin-top, margin-bottom, margin-left, margin-right}
Przeglądarki zwykle ustalają pewną szerokość marginesów strony. Nie zawsze jednak domyślne ustawienia będą dobrze współgrać np. z określonym przez nas rozmiarem czcionki. Na szczęście bardzo łatwo można to zmienić: body { margin: szerokość; } albo jeśli chcemy ustawić marginesy niesymetryczne (z każdej strony inne): body { margin-top: górny; margin-bottom: dolny; margin-left: lewy; margin-right: prawy; } Aby określić szerokość marginesu w pikselach, należy wpisać liczbę, a po niej...
- Rozmiary CSS / Przepełnienie tekstu {text-overflow}
...wielokropka nie możemy tam wstawić ręcznie, ponieważ nigdy nie wiadomo, jak się ułoży tekst na stronie (różne rozdzielczości ekranu, kroje i ustawienia wyświetlania czcionek). Właśnie na taką okoliczność została stworzona deklaracja "text-overflow: ellipsis". Jeśli ją zastosujemy np. do akapitu, przeglądarka sama wstawi wielokropek, kiedy będzie to konieczne. Warto przy tym wiedzieć o bardzo wygodnym zachowaniu przeglądarek. Jeśli zaznaczymy myszką tak skrócony tekst, a następnie...
Manipulacja obiektami w JavaScript - Object / Tworzenie właściwości tylko do odczytu - defineProperty...która zostanie wywołana w celu pobrania wartości właściwości (domyślnie: undefined) Function|Undefined set - funkcja która zostanie wywołana w celu ustawienia wartości właściwości (domyślnie: undefined) Boolean enumerable - czy właściwość będzie dostępna w pętli for-in (domyślnie: false) Boolean configurable - czy wartość albo deskryptor właściwości mogą zostać zmienione (domyślnie: false) Wartość: O - przekazany obiekt Wyjątki: TypeError - wartość O nie jest obiektem Definiuje tzw...