right - Kurs HTML i CSS
Komendy CSS 2 / azimuthWARTOŚĆ <kąt> | [[ left-side | far-left | left | center-left | center | center-right | right | far-right | right-side ] || behind ] | leftwards | rightwards | inherit OPIS Azymut dźwięku przestrzennego INICJALIZACJA center ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE tak PROCENTY nie MEDIA aural
- Obramowanie CSS / Zaokrąglenie obramowania {border-...-radius}
...górnego-lewego narożnika: selektor { border-top-left-radius: zaokrąglenie } Zaokrąglenie górnego-prawego narożnika: selektor { border-top-right-radius: zaokrąglenie } Zaokrąglenie dolnego-prawego narożnika: selektor { border-bottom-right-radius: zaokrąglenie } Zaokrąglenie dolnego-lewego narożnika: selektor { border-bottom-left-radius: zaokrąglenie } We wszystkich przypadkach selektorem może być dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]...
- Komendy CSS3 / Model pudełkowy CSS
Źródło: CSS Box Model Module Level 3 Spis treści margin margin-bottom margin-left margin-right margin-top padding padding-bottom padding-left padding-right padding-top margin Atrybuty mieszane marginesu Wartość <'margin-top'>{1,4} Inicjalizacja 0 Zastosowanie wszystkie elementy Dziedziczenie nie Procenty odnosi się do logicznej szerokości bloku obejmującego margin-bottom Dolny margines Wartość <length-percentage> | auto Inicjalizacja 0 Zastosowanie wszystkie...
- Komendy CSS3 / Przyciąganie przewijania CSS
...scroll-margin-bottom scroll-margin-inline scroll-margin-inline-end scroll-margin-inline-start scroll-margin-left scroll-margin-right scroll-margin-top scroll-padding scroll-padding-block scroll-padding-block-end scroll-padding-block-start scroll-padding-bottom scroll-padding-inline scroll-padding-inline-end scroll-padding-inline-start scroll-padding-left scroll-padding-right scroll-padding-top scroll-snap-align scroll-snap-stop scroll-snap-type...
- Komendy CSS3 / Dekoracja tekstu CSS
...wszystkie elementy Dziedziczenie tak Procenty nie text-emphasis-position Pozycja wzmocnienia tekstu Wartość [ over | under ] && [ right | left ]? Inicjalizacja over right Zastosowanie wszystkie elementy Dziedziczenie tak Procenty nie text-emphasis-style Styl wzmocnienia tekstu Wartość none | [ [ filled | open ] || [ dot | circle | double-circle | triangle | sesame ] ] | <string> Inicjalizacja none Zastosowanie wszystkie elementy Dziedziczenie tak Procenty nie...
- Komendy CSS3 / Tekst CSS
...<length> Inicjalizacja 8 Zastosowanie tekst Dziedziczenie tak Procenty nie text-align Wyrównanie tekstu Wartość start | end | left | right | center | justify | match-parent | justify-all Inicjalizacja start Zastosowanie elementy blokowe Dziedziczenie tak Procenty zobacz cechy indywidualne text-align-all Domyślne wyrównanie tekstu Wartość start | end | left | right | center | justify | match-parent Inicjalizacja start Zastosowanie elementy blokowe Dziedziczenie tak...
- Komendy CSS3 / Transformacje CSS
...inline, kolumn i grup kolumn tabeli Dziedziczenie nie Procenty nie transform-origin Początek przekształcenia Wartość [ left | center | right | top | bottom | <length-percentage> ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ] <length>? | [[ center | left | right ] && [ center | top | bottom ]] <length>? Inicjalizacja 50% 50% Zastosowanie przekształcalne elementy - tzn. takie, których ułożenie jest kontrolowane przez CSS z...
Znaki specjalne HTML / ISO 8859-1 (Latin-1)...pionowa linia ¦ § § Section sign Znak sekcji § ¨ ¨ Umlaut (diaeresis) Umlaut (diereza) ¨ © © Copyright sign Znak praw autorskich © ª ª Feminine ordinal indicator Wskaźnik liczebnika porządkowego żeńskiego ª « « Left-pointing double angle quotation mark (left pointing guillemet) Lewy cudzysłów ostrokątny « ¬ ¬ Not sign Znak negacji ¬ ­ ­ Soft hyphen (discretionary hyphen)...
Galeria zdjęć HTML / Skrypt galerii zdjęć...poniżej kod w dowolnym pliku z rozszerzeniem *.js - np. gallery.js: /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) * @version 2.6.4 */ function GalleryModel(items) { this.items = items || []; } GalleryModel.prototype.get = function(index) { var item = this.items[index]; if (!item) { return null; } return { title: item.getAttribute('data-gallery'), src: this._getSrc(item), alt...
- Oprawa graficzna / "Duszki" CSS
...100%; border-bottom: 1px solid #365; padding-left: 20px; } ul li { float: left; background: url(obrazek.gif) no-repeat -240px -25px; margin-right: 5px; } ul a:link, ul a:visited { text-decoration: none; display: block; font-weight: bold; background: url(obrazek.gif) no-repeat 100% 0; color: #365; padding: 5px 15px 5px 5px; margin-left: 10px; } ul a:hover { color: #032; } Rezultat: Czcionki Tekst Tło Marginesy Obramowanie Ikony W przypadku ikon, należy zwrócić...