Style CSS position

JavaScript i jQuery. Interaktywne strony WWW dla każdego. Podręcznik...Cena: 64.35 zł
HTML i CSS. Zaprojektuj i zbuduj witrynę WWW. Podręcznik Front-End D...Cena: 57.85 zł
Nie każ mi myśleć! O życiowym podejściu do funkcjonalności stron...Cena: 34.30 zł
ASP.NET Core MVC 2. Zaawansowane programowanie. Wydanie VIICena: 83.85 zł

Styl CSS position

Styl definiuje sposób określenia współrzędnych elementu.

WARTOŚCI

• static - CSS: 2.1, 2.0: pozycjonowanie tradycyjne, wartość domyślna
• relative - CSS: 2.1, 2.0: element zmienia pozycję, ale otaczające elementy zachowują się, jakby element nadal tam był
• absolute - CSS: 2.1, 2.0: pozycjonowanie względem bloku zewnętrznego, mają tu zastosowanie style left, right, top, i bottom
• fixed - CSS: 2.1, 2.0: pozycjonowanie stałe, nie zmienia się gdy strona jest przewijana
• inherit - CSS: 2.1, 2.0: przejęcie wartości "rodzica", np. position: inherit;

Listing

Przykład 1:

Powinien pokazać się napis widoczny nawet gdy strona jest przewijana.

<p style="color: blue; position: fixed; top: 300px;
right: 10px; bottom: 10px; left: 150px;">testowy napis</p>

Przykład 2:

<style type="text/css"></style>