TOP, BOTTOM, LEFT, RIGHT – css vlastnost určující souřadnice HTML prvku 

CSS vlastnosti určující souřadnice, na kterých se zobrazí prvek (např DIV), který není v běžném umístění toku dokumentu. Týká se to především prvků, které mají jinou pozici za pomoci vlastnosti position, viz. článek zde. Vždy je potřeba použít dva směry, a to jeden vertikální a druhý horizontální tak, jak je ukázáno v příkladu níže.

Existuje v CSS 1, 2 a 3 | není dědičný | dobře podporován všemi prohlížeči

Ukázka použití top a left v praxi

div{
      z-index: 1000;
      position: fixed;
      top: 50px;
      left: calc(50vw - 50px);
      width: 100px;
      height: 100px;
}

Odkazy na další použité vlastnosti CSS: 

position, width, height, z-index, calc

Hodnoty vlastností top, bottom, left, right

• 1px – číselné v pixelech, pixel je obrazový bod a při tvorbě webových stránek se používá nejčastěji
• 1% – číselné v procentech, která není absolutní (neměnná), prohlížeč rozměr dopočítá vůči nadřazenému HTML elementu
• 1vw – šířka v procentech okna internetového prohlížeče
• 1vh – viditelná výška okna internetového prohlížeče
• 1mm – číselné v milimetrech, používá se pro tisk, který se udává v metrické soustavě
• 1cm – číselné v centimetrech, používá se pro tisk, který se udává v metrické soustavě
• 1in – číselná v palcích (1in = 2,54cm) a užívá se pro tisk tam, kde se počítá v palcích
• 1pt – číselná v typografických bodech (1/72 palce), které se používají u fontů
• 1pc – číselná pica což je 12px
• 0 – u nuly není nutné psát hodnotu 

Kam dál

Naše služby Kurz základy HTML a CSS Kurz tvorby webových stránek pomocí systému Joomla Obecná pravidla CSS