pozycja - Kurs HTML i CSS
Tło CSS / Pozycja tła obrazkowego {background-position}Spis treści {background-position} Pozycja tła obrazkowego {background-position} Wielokrotna pozycja Pozycja tła obrazkowego {background-position} (interpretuje Internet Explorer 6, Firefox, Opera, Chrome) selektor { background-position: pozycja } Selektorem może być znacznik wyświetlany w bloku albo zastępowany [zobacz: Wstawianie stylów]. Natomiast jako "pozycja" należy wpisać: Jedną wartość: center - obrazek na środku (w centrum) left - obrazek po lewej right - po prawej top...
- Pozycjonowanie CSS / Pozycja relatywna {position: relative}
...Jak ustawić pozycję w CSS? Pozycję elementu w CSS można ustawić za pomocą właściwości position. Najczęściej używane wartości to static (domyślna pozycja), relative (pozycja względem pierwotnej lokalizacji), absolute (pozycja względem pierwszego przodka z pozycją inną niż static) i fixed (pozycja względem okna przeglądarki). Co to jest "position" w CSS? position w CSS to właściwość, która określa sposób pozycjonowania elementu na stronie. Ta właściwość ma kilka możliwych wartości...
- Tło CSS / Pozycja początkowa tła obrazkowego {background-origin}
...znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "początek" należy wpisać: border-box - pozycja tła będzie liczona względem krawędzi obramowania [Zobacz: Model pudełkowy] padding-box - pozycja tła będzie liczona względem krawędzi marginesu wewnętrznego (domyślnie) content-box - pozycja tła będzie liczona względem krawędzi właściwej zawartości elementu Zgodnie z komputerowym układem współrzędnych punkt zerowy znajduje się zawsze...
- Pozycjonowanie CSS / Pozycja ustalona {position: fixed}
...Można oczywiście łączyć parametry, np. left: 1cm; top: -10px. Polecenie to działa podobnie jak pozycjonowanie absolutne, z tą różnicą, że pozycja elementu jest zawsze obliczana względem krawędzi okna przeglądarki (obszaru w którym znajduje się strona). Dodatkowo element taki jest nieruchomy podczas przewijania strony, przez co jest on przez cały czas widoczny na ekranie, dokładnie w tym samym miejscu. Daje to zbliżony efekt, jak nieruchome pojedyncze tło. Przykład {position...
Menu rozwijane, otwierane, wysuwane / Pozycja absolutnaSpis treści Pozycja absolutna Inicjalizacja Menu otwierane Szczególnie dla menu otwieranego dość nieprzyjemną właściwością jest fakt, że przy jego rozwijaniu elementy poniżej są przesuwane w dół. Można temu zapobiec określając odpowiednią pozycję absolutną bloku. Oczywiście można to zrobić bezpośrednio dodając odpowiednie deklaracje CSS. Jednak trzeba przewidzieć, co się stanie, jeśli przeglądarka użytkownika nie będzie obsługiwać JavaScript. Samo menu nadal będzie funkcjonalne pod...
- Pozycjonowanie CSS / Pozycja absolutna {position: absolute}
selektor { position: 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...
- Pozycjonowanie CSS / Pozycja statyczna {position: static}
selektor { position: static } Selektorem może być praktycznie dowolny znacznik [zobacz: Wstawianie stylów]. Przywraca normalne pozycjonowanie elementu. Jest to przydatne np. w celu usunięcia ogólnej deklaracji pozycjonowania, umieszczonej w arkuszu stylów. Wystarczy wtedy, dla wybranych elementów strony, umieścić powyższe polecenie w stylu inline. Spowoduje to usunięcie pozycjonowania dla tych elementów, a jednocześnie utrzymanie dla innych (tego samego typu). Przykład {position: static}...
- Tło CSS / Atrybuty mieszane tła {background}
...które będą oddzielone od siebie spacjami (przy czym można niektóre pominąć). Są to: kolor tła tło obrazkowe powtarzanie tła zaczepienie tła pozycja tła lub pozycja tła / rozmiary tła (CSS 3) pozycja początkowa tła (CSS 3) przycinanie tła (CSS 3) 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...
Operacje na tekście w JavaScript - String.prototype / Fragment tekstu - substringString.prototype.substring() String.prototype.substring(start) String.prototype.substring(start, end) Parametry: Number start - pozycja znaku początkowego (domyślnie: 0) Number end - pozycja znaku po końcowym (domyślnie: długość tekstu) Wartość: String - wycięty tekst Tworzy wycinek tekstu, składający się z kolejnych znaków poczynając od początkowego (na który wskazuje pozycja start) aż do końcowego (przed pozycją end). Jeżeli do funkcji nie zostaną przekazane żadne argumenty, będzie...
- Operacje na tekście w JavaScript - String.prototype / Wycinanie tekstu - slice
String.prototype.slice() String.prototype.slice(start) String.prototype.slice(start, end) Parametry: Number start - pozycja znaku początkowego (domyślnie: 0) Number end - pozycja znaku po końcowym (domyślnie: długość tekstu) Wartość: String - wycięty tekst Tworzy wycinek tekstu, składający się z kolejnych znaków poczynając od początkowego (na który wskazuje pozycja start) aż do końcowego (przed pozycją end). Jeżeli do funkcji nie zostaną przekazane żadne argumenty, będzie zwrócony...