Okraj

Okraj je termín z oblasti rozvržení stránky používaný v tištěných i webových publikacích. V tisku se „okraj“ obvykle vztahuje k okrajům stránky, zatímco na webu označuje mezery mezi prvky na webové stránce.

1. Tištěné stránky

Když vytvoříte nový dokument v textovém editoru, výchozí okraje jsou obvykle nastavené na jeden palec ze všech stran. V závislosti na programu se však boční okraje mohou pohybovat od 0,75 do 1,25 palce. Tyto okraje vytvářejí kolem obsahu stránky rámeček, takže text nesahá až k jejím okrajům. Prázdné místo podél okrajů dokumentu dodává stránce čistší vzhled a text se snadněji čte.

V mnoha případech není nutné okraje stránky upravovat. Některé dokumenty, například školní práce, však mohou vyžadovat konkrétní okraje. V takových případech můžete okraje upravit v okně pro formátování dokumentu svého textového editoru. K tomuto oknu se obvykle dostanete výběrem možnosti Format → Document na panelu nabídek programu. V Microsoft Wordu můžete okraje stránky upravit pomocí karty Rozložení na pásu karet umístěném nad dokumentem.

2. Webové stránky

Margin je také vlastnost CSS používaná k vytváření prostoru mezi „blokovými“ prvky HTML na webových stránkách. Může určovat horní, pravý, dolní a levý okraj kolem objektu. Níže je několik příkladů, jak lze okraje v CSS zadat.

• margin: 12px; — okraj o velikosti 12 pixelů na všech stranách prvku
• margin: 4px 6px; — horní a dolní okraj: 4 pixely; pravý a levý okraj: 6 pixelů
• margin: 10px 15px 20px; 5px; — horní: 10px, pravý: 15px, dolní: 20px, levý okraj: 5px
• margin-right: 30px; — pravý okraj prvku o velikosti 30 pixelů

Okraje mohou mít také záporné hodnoty, které lze použít k překrytí jednoho objektu jiným prvkem na webové stránce. V některých případech lze okraje také nastavit na hodnotu „auto“. Například deklarace CSS „margin: 0px auto;“ se často používá k vycentrování prvků na webových stránkách.