Secció 4: Posicionament CSS

4. Esquemes de posicionament

4.2. Elements posicionats:
position, top, right, bottom, left

La propietat position determina quin és l'esquema de posicionament d'un element. Els valors que pot prendre són:

• static (valor per defecte). L'element es comporta 'normalment', d'acord amb el fluxe normal.
• absolute. L'element es comporta d'acord a l'esqumea de posicionament absolut, com veurem a l'apartat 4.3.
• relative. L'element es compoarta segons el fluxe normal, però a diferència de static, pot ser desplaçat respecte la seva posició normal. Ho veurem a l'apartat 4.4.
• fixed. L'element es comporta d'acord com a l'esquema de posicionament absolut, però la seva posició està fixada respecte la finestra del navegador. Ho veurem a l'aparat 4.5.

Diem que un element està posicionat si el valor de position és diferent de static.

Per tal d'aclarir una mica la terminologia pots consultar la taula següent que relaciona el fet que un element estigui o no posicionat , el valor de la propietat position i l'esquema de posicionament seguit.

Com veurem en els propers apartats, els elements posicionats accepten les propietats top, right, bottom i left, tot i que l'efecte de les mateixes depèn del valor de position. El que és important és recordar que aquestes propietats només actuen sobre elements posicionats, és a dir, aquells en els que el valor de position no sigui static.

No t'espantis si tot plegat et sembla una mica embolicat! En els propers apartats es tracta amb detall cadascun d'aquests casos amb exemples i exercicis.