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)...
- HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction command commandfor, input "button" popovertarget popovertargetaction>
...się nad zawartością strony, ale jego pozycję można dostosować za pomocą CSS. Używając właściwości CSS, takich jak position, top, left, bottom, right czy margin, możesz precyzyjnie określić, gdzie popover ma się pojawić względem elementu wyzwalającego. Na przykład jeśli znacznik z popoverem ma przypisany atrybut id="identyfikator", to w zewnętrznym arkuszu stylów możesz wstawić następujący kod: #identyfikator { position: fixed; top: auto; left: auto; bottom: 10px; right: 10px; margin: 0...
- 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ć...