Tabuľka a jej formátovanie
caption-side:top ¦ bottom ¦ inherit – definuje umiestnenie nadpisu tabužky vzhžadom na tabužku:
- top – nad tabužkou,
- bottom – pod tabužkou,
V tabuľkách sa používajú dva modely pre nastavenie rámčekov. Každá bunka tabuľky je orámovaná samostatne (separate) alebo medzi bunkami je len jedena čiara ktorá slúži na oddelenie buniek(collapsed). Na nastavenie formátovania rámčekov slúži border-collapse.
border-colapse: collapse ¦ separate ¦ inherit – definuje model nastavenia rámčekov.
border-spacing: <veľkosť><veľkosť> ¦ inherit – definuje vzájomnú vzdialenosť rámčekov. Ak je zadaná jedná hodnota použije sa pre vertikálne a horizontálne nastavenie. V prípade dvoch zadaných hodnôt sa prvá použije na určenie horizontálnej medzery a druhá vertikálnej medzery.
empty-cells: show ¦ hide ¦ inherit – definuje zobrazenie prázdnych buniek a buniek s nastavením vlastnosti visibiliti:hidden. Pri možnosti show sa okolo buniek zobrazí rámček a možnosti hide sa nezobrazí.
table-layout: auto¦ fixed ¦ inherit – určuje algoritmus použitý pri vykresžovaní tabužky
Umiestnenie prvku a jeho veľkosť
width: číslo ¦ percenta ¦ auto ¦ inherit – definuje šírku prvku
height: číslo ¦ percenta ¦ auto ¦ inherit – definuje výšku prvku
min-width: číslo ¦ percenta ¦ none ¦ inherit – definuje minimálnu šírku prvku
max-width: číslo ¦ percenta ¦ none ¦ inherit – definuje maximálnu šírku prvku
min-height: číslo ¦ percenta ¦ none ¦ inherit – definuje minimálnu výšku prvku
max-height: číslo ¦ percenta ¦ none ¦ inherit – definuje maximálnu výšku prvku
vertical-align: baseline ¦ sup ¦ super ¦ top ¦ text-top ¦ middle ¦ bottom ¦ text-bottom ¦ percento ¦ číslo ¦ inherit – vertikálne zarovnanie textu v riadku.
- baseline – zarovná spodnú hranu boxu so spodnou hranou rodičovského boxu
- sup, super – posunie hranu boxu na úroveň spodného alebo horného indexu rodičovského boxu (nemá vplyv na veľkosť písma ).
- top – zarovná hornú hranu boxu s horným okrajom riadku
- tex-top – zarovná hornú hranu boxu s horný okrajom rodičovského písma
- middle – zarovná vertikálny stred boxu na základňu rodičovského boxu, plus polovica x-výšky rodičovského prvku
clear: none ¦ left ¦ right ¦ both ¦ inherit – zruší obtekanie textu po určenej strane ( both – ruší obtekanie z oboch strán)
float: left ¦ right ¦ none – definuje umiestnenie prvku buď na žavo alebo na pravo a umožňuje obtekanie obsahu z druhej strany objektu.
top: číslo ¦ percenta ¦ auto ¦ inherit – pozícia prvku z hornej strany (position:absolute treba nastaviť )
right: číslo ¦ percenta ¦ auto¦ inherit – pozícia prvku z pravej strany
bottom: číslo ¦ percenta ¦ auto¦ inherit – pozícia prvku z dolnej strany
left: číslo ¦ percenta ¦ auto ¦ inherit – pozícia prvku z žavej strany
position: static ¦ relative¦ absolute¦ fixed¦ inherit – pozícia prvku
- static – kontajner je polohovaný podža schémy normálneho polohovania, vlastnosti top a left sú ignorované
- relative – poloha kontajnera je vypočítaná podža schémy normálneho polohovania, následne je kontajner posunutý o udané hodnoty.
- absolute – poloha kontajnera je udaná vlastnosťami left, right, top, bottom.
- Fixed – poloha kontajnera je zadaná podobne ako absolute s tým rozdielom, že kontajner je zafixovaný voči určitému pevnému bodu (okno prehliadača, stránka ).
z-index: číslo¦ auto¦ inherit – pri absolútnej pozícii môžeme nastaviť ako sa boxy navzájom prekrývajú. Je to niečo ako tretí rozmer prvku.
overflow: visible ¦ hidden ¦ scrool¦ auto ¦ inherit – nastaví sa pretekanie obsahu boxu v prípade ak obsah bozu je vačší ako veľkosť samotného boxu.
- visible – obsah preteká cez hranice boxu
- hidden – obsah je na ohranici boxu orezaný, to čo presahuje hranice sa nezobrazí
- scrool – v boxe sa zobrazia posuvniky, ak je vystupným médiom napr. tlačiaren obsah sa zobrazí celý
- auto – v prípade, že obsah prekračuje hranice boxu zobrazia sa posuvniky
- inherit – zdedená vlastnosť
clip: tvar¦ auto ¦ inherit – definuje oblasť orezania, ktorá časť má byť viditežná. V CSS2 je jediným možným tvarom orezania obdĺžnik, ale v ďalších verziách CSS2 sa predpokladá rozšírenie i pre iné tvary orezania. Hodnota pre obdĺžnik je v tvare: rect(top,right,bottom,left), kde hodnoty top, right, bottom a left určujú odstup hornej, pravej, dolnej a žavej hrany orezania od odpovedajúcich hrán boxu. Týmito hodnotami je buď číslo (záporné hodnoty nie sú povolené) alebo auto, čo znamená, že daná hrana orezania je totožná s odpovedajúcou hranou boxu, teda to isté ako hodnota 0. Keď majú prvok aj jeho rodičovské prvky definované v clip nejaké oblasti orezania, obsah prvku je vykreslený tak, aby bola viditežná iba oblasť, ktorá je prienikom všetkých skôr definovaných oblastí orezania.
visibility: visible ¦ hidden ¦ collapse¦ inherit – nastaví sa či vykresžovaný box je generovaný prvkom alebo nie. Aj neviditežné boxy ovplyvňujú vzhžad stránky.
- vibible – box je viditežný
- hidden – box je neviditežný
- collapse – používa sa u riadkov a stĺpcov tabuliek (nie je podporované prehliadačmi).