CSS: position-area

CSS funkcija »position-area« omogoča, da se okoli elementa, ki je nastavljen kot sidro pozicionira nov element. V praksi to pomeni, da lahko prikažemo dodatne vsebine okoli izbranega elementa.

Najlažje si lahko to predstavljamo, da imamo mrežo 3×3 polja. Sredinski je naš element (sidro), okoli njega pa lahko postavljamo dodatne vsebine v posamezna polja. Poleg same postavitve ima ta funkcija tudi opcije, da se sporočilo razširi čez več polj.

See the Pen
CSS position-area
by Ziga (@pomagalnik)
on CodePen.

Anchor Position Tool

Una Kravets je ustvarila zanimivo orodje »Anchor Position Tool«, ki nam omogoča hitro izgradnjo, predvsem pa možnost predstavljanja kaj ta CSS funkcija počne.

Funkcija je že dobro podprta, na žalost Firefox še ne nudi podpore. Glede na trende je samo vprašanje časa, da pride podpora tudi tja. Sama uporaba bo pa zanimiva, ker lahko s to funkcijo postavljamo zanimive postavitve na samih straneh ali aplikacijah.

Dodatne vsebine na temo »position-area«:

Komentiraj


*