left - Kurs HTML i CSS
Galeria zdjęć HTML / Skrypt galerii zdjęć...this.style.swipe); }).bind(this), 1); }; GalleryView.prototype._createStyle = function() { var margin = '10px'; var overlayStyle = { left: 0, top: 0, width: '100%', height: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' }; var buttonStyle = { border: 0, padding: 0, lineHeight: 1, color: '#000', background: 'rgba(255, 255, 255, 0.5)', cursor: 'pointer' }; var navigationStyle = { fontSize: '50px', width: '75px', height...
Tło CSS / Pozycja początkowa tła obrazkowego {background-origin}...tle więcej niż jeden obrazek: selektor { background-origin: początek obrazka 1, początek obrazka 2,... } Przykład {background-origin} no-repeat; left top; border-box no-repeat; left top; padding-box no-repeat; left top; content-box
- Pozycjonowanie CSS / Pozycja absolutna {position: absolute}
...absolute; parametry } Selektorem może być praktycznie dowolny znacznik [zobacz: Wstawianie stylów]. Natomiast jako "parametry" należy podać: left: wartość - odległość od lewej krawędzi bloku obejmującego top: wartość - odległość od górnej krawędzi bloku obejmującego right: wartość - odległość od prawej krawędzi bloku obejmującego bottom: wartość - odległość od dolnej krawędzi bloku obejmującego Wyraz "wartość" oznacza konkretną odległość od podanej krawędzi "obejmującego bloku...
- Wykazy CSS / Odstęp wyróżnika wykazu {marker-offset}
...praktycznie wszędzie: ul, li { list-style-type: none; display: block; margin: 0; padding: 0; } ul li { background: url(marker.gif) no-repeat left top; padding-left: 20px; } Pierwsza z reguł stylów powyżej usuwa domyślne formatowanie wykazu oraz jego punktów. Trzeba tutaj nadmienić, że z uwagi na różnice w interpretacji nie wszystkie z wymienionych poleceń formatujących w tej deklaracji jest wymagana we wszystkich przeglądarkach, jednak tylko taki zestaw daje prawie pewność, że...
- Komendy CSS3 / Tekst CSS
...<number> | <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...
- Komendy CSS3 / Transformacje CSS
...elementów 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...
Znaki specjalne HTML / ISO 8859-1 (Latin-1)...ordf; 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) "Miękki" łącznik (dyskrecjonalny) ® ® Registered trademark sign Zastrzeżony znak towarowy ® ¯ ¯ Macron accent (overline) Znak "wzdłużenia" akcentu...
- HTML dla zielonych / Jak zrobić dobrą stronę HTML
...treści strony (BODY) wpisz np.: <header style="text-align: center">Tutaj można umieścić logo serwisu</header> <nav style="width: 300px; float: left; overflow: hidden"> Tu umieszcza się odsyłacze spisu treści </nav> <article style="margin-left: 320px"> Tu wpisuje się treść strony </article> <footer style="text-align: center; clear: both">Tutaj można umieścić stopkę serwisu</footer> a otrzymamy: Tutaj można umieścić logo serwisu Tu umieszcza się odsyłacze spisu treści Tu wpisuje się...
- Komendy HTML 4.01 / Elementy zdeprecjonowane
...align DIV, H1, H2, H3, H4, H5, H6, P CSS: text-align align HR CSS: text-align, float align LEGEND - align TABLE CSS: margin-left (auto), margin-right (auto), float alink BODY CSS: :active alt APPLET OBJECT archive APPLET OBJECT background BODY CSS: background-image bgcolor BODY, TABLE, TD, TH, TR CSS: background-color border IMG, OBJECT CSS: border-width clear BR CSS: clear code APPLET OBJECT codebase APPLET OBJECT color...
- HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction, input "button" popovertarget popovertargetaction>
...popover pojawia 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...