style - Kurs HTML i CSS
Układ wielokolumnowy CSS / Linia rozdzielająca kolumn {column-rule-color, column-rule-style, column-rule-width, column-rule}...Opera 11-12 i 37, Chrome 50) Kolor: selektor { column-rule-color: kolor } gdzie "kolor" jest definicją koloru Styl: selektor { column-rule-style: styl } gdzie "styl" określa się identycznie jak w przypadku obramowania Szerokość: selektor { column-rule-width: szerokość } gdzie "szerkość" określa się identycznie jak w przypadku obramowania Atrybuty mieszane: selektor { column-rule: wartości atrybutów } Jako "wartości atrybutów" podaje się rozdzielone spacjami wartości...
- Komendy CSS 2 / font-style
WARTOŚĆ normal | italic | oblique | inherit OPIS Styl czcionki INICJALIZACJA normal ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE tak PROCENTY nie MEDIA visual
- Komendy CSS 2 / list-style-image
WARTOŚĆ <adres> | none | inherit OPIS Wyróżnik obrazkowy wykazu INICJALIZACJA none ZASTOSOWANIE elementy wykazu DZIEDZICZENIE tak PROCENTY nie MEDIA visual
- Komendy CSS 2 / list-style-position
WARTOŚĆ inside | outside | inherit OPIS Pozycja wyróżnika wykazu INICJALIZACJA outside ZASTOSOWANIE elementy wykazu DZIEDZICZENIE tak PROCENTY nie MEDIA visual
- Komendy CSS 2 / list-style-type
WARTOŚĆ disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-alpha | lower-latin | upper-alpha | upper-latin | hebrew | armenian | georgian | cjk-ideographic | hiragana | katakana | hiragana-iroha | katakana-iroha | none | inherit OPIS Typ stylu wykazu INICJALIZACJA disc ZASTOSOWANIE elementy wykazu DZIEDZICZENIE tak PROCENTY nie MEDIA visual
Komendy HTML 4.01 / STYLEPozwala autorowi wstawić arkusz stylów (CSS), w części nagłówkowej dokumentu (HEAD). Zobacz więcej... Atrybuty: DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) MEDIA="typ" Wyznacza typ pojedynczego medium lub listy mediów rozdzielonych przecinkami: all - dla wszystkich urządzeń aural - syntezatory mowy braille - urządzenia do czytania braillem...
- HTML dla zielonych / Ustawienie obrazka HTML <img src alt "float">
<img src="Tu podaj względną ścieżkę dostępu do obrazka" alt="Tu podaj tekst alternatywny" style="float: ustawienie"> gdzie zamiast: "Tu podaj względną ścieżkę dostępu do obrazka" należy podać lokalizację na dysku, gdzie znajduje się żądany obrazek, a w miejsce "Tu podaj tekst alternatywny" wpisuje się krótką informację, która pojawi się w przypadku, kiedy obrazek nie zostanie wyświetlony. Natomiast jako: "ustawienie" należy wpisać: left Obrazek będzie ustawiony po lewej stronie względem...
Galeria zdjęć HTML / Skrypt galerii zdjęć...item.getAttribute('data-href'); }; function GalleryView(items) { this.items = items || []; this._reset(); this.style = this._createStyle(); this.delay = 500; this._overflow = ''; this._timeout = null; this._listeners = []; this._protectedEvents = ['mousedown', 'contextmenu', 'selectstart', 'select', 'copy', 'dragstart', 'drag']; } GalleryView.prototype.start = function(callback) { this.items.forEach(function(item) { var src...
- HTML dla zielonych / Akapit HTML <p "text-align">
...określone atrybuty, które obsługuje. W przypadku akapitu można zastosować m.in. następujące: Wyrównanie tekstu do lewej strony (domyślnie) <p style="text-align: left">Treść akapitu</p> lub po prostu <p>Treść akapitu</p> Wyrównanie tekstu do prawej <p style="text-align: right">Treść akapitu</p> Wyśrodkowanie tekstu <p style="text-align: center">Treść akapitu</p> Justowanie tekstu (wyrównanie do obu marginesów jednocześnie) <p style="text-align: justify">Treść akapitu</p> We...
- Rozmiary CSS / Szerokość i marginesy automatyczne
...do brakującej szerokości bloku obejmującego, wynikającej z mniejszej wartości sumy pozostałych składników równania. Przykład: Po wpisaniu: <div style="width: 600px"> <div style="margin-left: auto; border-left: 5px solid red; padding-left: 10px; width: 400px; padding-right: 10px; border-right: 5px solid red; margin-right: 20px">...</div> </div> powinniśmy otrzymać na ekranie blok, którego lewy margines wynosi: 600 - 5 - 10 - 400 - 10 - 5 - 20 = 150 pikseli UWAGA! W trybie Quirks...