text color - Kurs HTML i CSS
Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?... ... */. W trybie zgodności jeżeli deklaracja zawiera nierozpoznawaną wartość, zostaje pominięta w całości. Na przykład po podaniu: span { text-decoration: underline cross-out overline } tekst nie zostanie nawet podkreślony ani nadkreślony, ponieważ wartość cross-out jest nieprawidłowa. Natomiast starsze wersje Internet Explorera interpretowały deklarację do pierwszego nierozpoznanego składnika, tzn. w tym przypadku tekst zostałby pokreślony, ale nie nadkreślony. Miało to wpływ na...
- Selektory elementów CSS / Reguły stylów
...określony zespół cech CSS, które można jej przypisać, a każda cecha ma ściśle wyszczególnioną listę wartości, które może przyjąć. Na przykład: cecha text-align (wyrównanie tekstu) może być przypisana tylko i wyłącznie do elementów blokowych, ponieważ podanie jej dla elementów wyświetlanych w linii nie miałoby sensu. Z drugiej strony cecha ta może przyjmować tylko wartości takie jak: left, right, center, justify. Przypisanie do niej np. wartości koloru nie miałoby sensu. Przykład /* Pierwsza...
HTML5 / Pola formularza <input "color, date, datetime-local, email, month, number, range, search, tel, time, url, week" min max step multiple>...W przypadku kiedy przeglądarka nie będzie obsługiwać nowych typów kontrolek, na ekranie zostanie wyświetlone zwykłe pole tekstowe (<input type="text">). Co prawda wtedy efekt końcowy nie będzie zgody z oczekiwaniami, ale przynajmniej nie ma obawy, że użytkownik w ogóle nie będzie w stanie prawidłowo wypełnić takiego formularza. Zrobi to, wpisując odpowiednią wartość ręcznie. Przykład <input "color, date, datetime-local, email, month, number, range, search, tel, time, url, week"> Zobacz...
- Tło CSS / Usunięcie tła {background: none, background-color: transparent}
...w przeglądarkach odsyłacze są zwykle domyślnie podkreślane. Jeśli chcemy z tego zrezygnować, musimy usunąć dekorację tekstu: a:link, a:visited { text-decoration: none } Dla wielu innych własności stylów istnieją analogicznie działające wartości - zwykle są to: none, normal, auto, transparent itp. Polecenie background: none usuwa wszystkie własności dotyczące tła. Można również usunąć tylko wybrane, stosując odpowiednie polecenia dla każdej własności, którą chcemy usunąć (np...
Galeria zdjęć HTML / Skrypt galerii zdjęć...{ translateX: 0, startX: 0, startTime: 0, dragging: false }; this._listeners = []; this._protectedEvents = ['mousedown', 'contextmenu', 'selectstart', 'select', 'copy', 'dragstart', 'drag']; } GalleryView.prototype.start = function(callback) { this.items.forEach(function(item) { var src = item.getAttribute('href'); if (!src) { src = item.getAttribute('data-href'); item.style.cursor = 'pointer'; } item.addEventListener('click', function(event)...
- Kaskadowe Arkusze Stylów / Cascading Style Sheets
Spis treści Kaskadowe Arkusze Stylów Źródła Kaskadowe Arkusze Stylów CSS - Cascading Style Sheets (z ang. Kaskadowe Arkusze Stylów) jest to specjalny język opracowany tylko w jednym celu: stworzenie możliwości bardziej elastycznego zarządzania sposobem formatowania (wyglądem) elementów znajdujących się w dokumentach elektronicznych. CSS nie może zatem istnieć samodzielnie, gdyż jest ściśle powiązane z językiem opisu struktury dokumentów takim jak HTML. CSS daje możliwość globalnego...
- Selektory pseudoklas CSS / Odsyłacz podstawowy :link
...CSS: a { color: red; }. Jak usunąć podkreślenie hiperłącza CSS? Aby usunąć podkreślenie hiperłącza za pomocą CSS, można użyć reguły text-decoration: none;. Na przykład: a { text-decoration: none; }.
- Selektory atrybutów CSS / Selektor atrybutu o określonej wartości
...rodzaj pola zobaczymy na ekranie, decyduje atrybut type="...". Jeśli chcielibyśmy zmienić rodzaj obramowania dla wszytkich pól tekstowych (type="text"), tak aby nie wpłynęło to na pola innego typu (np. na przycisk wysłania formularza - type="submit"), należałoby wpisać np. taką regułę: input[type="text"] { border: 1px solid black } Niestety również ta deklaracja nie jest interpretowana przez MSIE 6 🙁. Jedynym rozwiązaniem problemu wydaje się użycie klasy selektorowej dla każdego...
- Pozycjonowanie CSS / Wyświetlanie {display}
...i wysokość. Jak wyśrodkować "inline-block"? Aby wyśrodkować element inline-block wewnątrz jego kontenera, można użyć właściwości CSS "text-align: center" dla kontenera. To spowoduje wyśrodkowanie elementu poziomo wewnątrz kontenera. Na przykład: <div style="text-align: center"> <span style="display: inline-block">Wyśrodkowany element</span> </div>.
- Tryb Quirks / X-UA-Compatible
...table, inline-table, table-row, table-row-group, table-column, table-column-group, table-cell, table-caption, run-in, ruby, ruby-base, ruby-text, ruby-base-container, ruby-text-container Własność border-style - uzupełniona obsługa wartości: hidden Własność list-style-type - uzupełniona obsługa wartości: decimal-leading-zero, lower-greek, lower-latin, upper-latin, armenian, georgian Własność visibility - uzupełniona obsługa wartości: collapse Własność white-space - uzupełniona...