margin-left - Český CSS 3 manuál
Pomocí CSS 3 vlastnosti margin-left nastavujeme levý okraj elementu, tedy vzdálenost mezi levou hranou rámečku a okolím elementu.
Všechny 4 okraje (levý margin, pravý margin, dolní margin a horní margin) nastavíme na stejnou velikost vlastností margin, zde také naleznete podrobnější popis vlastnosti. Pokud chceme mít každý okraj jiný, můžeme použít tyto vlastnosti:
- margin-bottom - Dolní okraj
- margin-right - Pravý okraj
- margin-top - Horní okraj
Ukázka ostylování okraje elementu
<!DOCTYPE html> <html> <head> <style> #okolni-element { background-color: #C9C9F8; width: 50px; height: 102px; float: left; } #kontejner { border: 1px solid blue; background-color: #BDBDF8; margin-left: 50px; width: 300px; height: 100px; float: left; } </style> </head> <body> <div id="okolni-element"> </div> <div id="kontejner"> Mezi rámečkem a okolím zleva je okraj 50px. </div> </body> </html>
Výsledek:
