Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30


Чувашия-это моя Россия

Объединенное свойство margin в CSS.

Альтернативой определению полей отдельно для каждой стороны является объединенное свойство margin. Допустимые значения - те же. Несколько отличается синтаксис, поскольку свойство margin обеспечивает высокую гибкость при указании значений страниц сайта.

Среди значений, перечисленных для свойства margin:

 
                     длина
                     процент
                     auto
                     {1,4}
                     inherit,
                     
            нотация {1,4} означает, что можете объединить 
            одно, два, три или четыре значения в одном свойстве margin.

Оно работает следующим образом: когда указываете четыре значения, эти значения применяются к краям по часовой стрелке (некоторые люди используют для запоминания мнемонику «TRouBLe» - от Top, Right, Bottom, Left):

                {
                  margin: top right bottom left 
                  }

Четыре свойства для полей, перечисленные, можно объединить в свойстве margin:

                {
                  margin: Зрх 20рх Зрх 20рх; 
                  }

Если одно или несколько из этих четырех значений пропущено, в пропущенные копируются определенные указанные значения. Если указано три значения, предполагается, что пропущено значение левого поля и для него используется значение, указанное для правого поля:

                {
                  margin: top right/left bottom
                  }.

Следующее правило эквивалентно предыдущему примеру:

                {
                  margin: Зрх 20рх Зрх; 
                  }

Если указано два значения, то для пропущенного левого поля указывается значение из правого поля, для пропущенного нижнего поля - значение верхнего поля:

               {
                  margin: top/bottom right/left
                  }

Результата, аналогичного предыдущим двум примерам, можно добиться при помощи следующего правила:

               {
                  margin: Зрх 20рх; 
                  }

Если указано одно значение, то оно копируется во все остальные. В следующем примере со всех сторон элемента будет добавлено поле 20 пикселов:

               { 
                  margin: 20рх; 
                  }

Прежде чем это общее свойство margin применять на страницах Вашего сайта еще не раз внимательно прочитайте. Кажется легко и просто, однако, это обманчиво. Не поленитесь повторять и со временем все встанет на свои места.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: