position - Kurs HTML i CSS
Oprawa graficzna / "Duszki" CSS...bfb url(obrazek.gif) no-repeat -16px -25px; color: #365; border-left: 1px solid #797;} ul a:hover { background-color: #797; background-position: -16px -49px; color: #eff; } Rezultat: Czcionki Tekst Tło Marginesy Obramowanie Na komentarz zasługują ujemne wartości położenia tła obrazkowego "background-position: -16px -25px". Jak wiadomo, pierwsza z wartości określa poziomą odległość obrazka tła od lewej krawędzi elementu, a druga - pionową odległość od górnej krawędzi...
- Tło CSS / Atrybuty mieszane tła {background}
...Wartość rozmiarów tła (background-size) musi być poprzedzona znakiem ukośnika i musi się znajdować bezpośrednio po wartości pozycji (background-position), np.: "left top / contain". Nie można podać rozmiarów tła bez określenia pozycji, ale można samą pozycję bez rozmiarów. Jeżeli zostanie podana pozycja początkowa tła (background-origin), a pominiemy przycinanie tła (background-clip), przyjmie ono taką samą wartość. Nie można podać przycinania tła bez określenia pozycji początkowej...
- CSS dla zielonych / Tapeta CSS {background-color, background-image, color}
...jest przykład tapety w postaci ukośnej siatki. Pytania i odpowiedzi {background-color, background-image, color, background-attachment, background-position, background-repeat, background-size} Jak ustawić obrazek jako tło w CSS? W tym celu najlepiej w arkuszu stylów do selektora właściwego ciała dokumentu dodać deklaracje o odpowiednich wartościach. Na przykład jeśli plik tła nazywa się "obrazek.jpg" i znajduje się w tym samym katalogu na dysku komputera co arkusz stylów *.css, a jego...
- Komendy CSS3 / Czcionki CSS
...font-style font-synthesis font-variant font-variant-caps font-variant-east-asian font-variant-ligatures font-variant-numeric font-variant-position font-weight font Atrybuty mieszane czcionki Wartość [ [ <'font-style'> || <font-variant-css21> || <'font-weight'> || <'font-stretch'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar Inicjalizacja zobacz cechy indywidualne Zastosowanie wszystkie elementy...
Operacje na tekście w JavaScript - String.prototype / Wyszukiwanie frazy - indexOfString.prototype.indexOf(searchString) String.prototype.indexOf(searchString, position) Parametry: searchString - poszukiwany tekst Number position - początkowa pozycja poszukiwań (domyślnie: 0) Wartość: Number - pozycja pierwszego znalezionego tekstu Przeszukuje tekst w kierunku jego końca pod kątem występowania w nim innego podanego tekst. Jeżeli tekst nie zostanie znaleziony, funkcja zwraca liczbę -1. Możliwe jest również ograniczenie zakresu poszukiwań do pozycji nie mniejszych niż...
- Operacje na tekście w JavaScript - String.prototype / Ostatnie wystąpienie frazy - lastIndexOf
String.prototype.lastIndexOf(searchString) String.prototype.lastIndexOf(searchString, position) Parametry: searchString - poszukiwany tekst Number position - początkowa pozycja poszukiwań (domyślnie: długość tekstu - 1) Wartość: Number - pozycja ostatniego znalezionego tekstu Przeszukuje tekst w kierunku jego początku pod kątem występowania w nim innego podanego tekst. Jeżeli tekst nie zostanie znaleziony, funkcja zwraca liczbę -1. Możliwe jest również ograniczenie zakresu poszukiwań do...
- Selektory pseudoklas CSS / Łączenie selektorów
...myszką: Inny ciekawy przykład - tym razem z automatycznym generowaniem zawartości: a.przyklad_selektory4:hover:after { content: "Rollover"; position: absolute; color: #000; background-color: #eee; font-size: 10px; border-width: 1px 2px 2px 1px; border-style: solid; border-color: #888; padding: 1px 5px } Jeśli wskażesz ten odsyłacz myszką, powinien pojawić się zaraz za nim nowy element z napisem "Rollover". A oto bardziej zaawansowany przykład: div.przyklad_selektory5 >...
- Czcionki CSS / Atrybuty mieszane wariantu czcionki {font-variant}
...wariantów Dowolna liczba poniższych wartości rozdzielonych spacjami: font-variant-ligatures font-variant-caps font-variant-numeric font-variant-position Polecenie to pozwala w wygodny sposób zdefiniować wszystkie atrybuty dotyczące wariantów czcionki. Już nie musimy wypisywać kolejno wszystkich cech, a jedynie ich konkretne wartości. Na przykład zamiast wpisywać kolejno: p { font-variant-ligatures: discretionary-ligatures; font-variant-caps: small-caps; font-variant-numeric...
- Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?
...tzn. w tym przypadku tekst zostałby pokreślony, ale nie nadkreślony. Miało to wpływ na następujące własności CSS: font, background, background-position, text-decoration, margin, padding, border, border-top, border-right, border-bottom, border-left, border-color, border-width, border-style, list-style-image, list-style, clip oraz behavior, text-autospace i layout-grid. W trybie zgodności dla własności font musimy obowiązkowo podać przynajmniej wielkość i rodzaj czcionki, w przeciwnym...
- Komendy CSS 2 / list-style
WARTOŚĆ [ <'list-style-type'> || <'list-style-position'> || <'list-style-image'> ] | inherit OPIS Atrybuty mieszane stylu wykazu INICJALIZACJA zobacz cechy indywidualne ZASTOSOWANIE elementy wykazu DZIEDZICZENIE tak PROCENTY nie MEDIA visual