2:27 AM Урок №7 Граници в CSS (margin) | |
CSS границиС командата margin може да се осигури празно пространство около даден елемент. Това пространство е безцветно и прозрачно и се разполага отвъд рамката (ако такава е указана) на елемента. Размерът на границата може да се задава както индивидуално за четирите страни, така и съкратено - за всички наведнъж. За стойности на свойството margin се използват:
Индивидуални границиЕто пример за задаване на индивидуални граници:
В този пример горната граница е 20 пиксела, дясната - 15, долната - 10 и лявата - 5 пиксела.
Използване на съкратен записМожете да използвате съкратен запис на четирите граници по следния начин:
Когато след margin са указани 4 стойности, те се отнасят поред за горната, дясната, долната и лявата граница (движение по часовниковата стрелка). Margin може да се използва с три стойности:
В този случай първата и третата стойност се отнасят съответно за горната и долната граница, а средната стойност е еднаква за лявата и дясната граница. Когато margin се използва само с две стойности, то първата стойност отразява горната и долната граница, а втората - лявата и дясната. Естествено, можете да зададете всички граници да са равни: достатъчно е да укажете само една стойност:
Още няколко примераЗа да центрирате един елемент в средата на страницата, можете да използвате ключовата дума auto по следния начин:
Дясно подравняване на елемент се постига със задаване на дясна граница с някаква числова стойност и auto за лявата граница:
| |
|
| |
Ако урокът ви е харесал можете да го споделите с вашите приятели във фейсбук :
| Всички коментари: 0 | |
