CSS - Výplň bloku

Výplň určuje odstup obsahu bloku od jeho rámečku. Má vždy stejné pozadí, jako obsah prvku. Jediné, co můžete ovlivňovat, je šířka výplně. Tomu účelu slouží vlastnosti:

padding-top
padding-right
padding-bottom
padding-left

jež po řadě stanoví šířku horní, pravé, dolní a levé výplně. Hodnotu lze zadat konkrétní délkovou jednotkou nebo v procentech. Ta se, stejně jako u okraje, pro všechny čtyři výplně vypočítávají z šířky nadřazeného (obsahujícího) bloku.

Stejně jako okraj i výplň lze zadat integrující vlastností padding, jíž určíte jednu až čtyři hodnoty. Ty určí rozměry všech výplní – začíná se nahoře a postupuje po směru hodinových ručiček, chybějící hodnoty se přebírají z protějších. Podrobně je to vysvětleno u vlastnosti margin.

Podívejte se na příklad použití výplně.