Как легко написать padding и margin.

Главные вкладки

Аватар пользователя beliy_snow beliy_snow 23 марта 2007 в 15:09

Когда в стиле описываем padding или margin, то можно написать padding|margin: 10px, и это будет значить применить эти 10px по всему периметру. Чтобы применить допустим к левому краю - padding|margin-left: 10px, но стороны 4 и для каждой указывать - мне не нравится...

Поэтому пишу padding|margin: 10px 0 0 10px. При чем запомнить очень легко: через пробел пишутся значения сначала для верха, потом для правого края, потом для низа и наконец для правого. В общем по часовой стрелке. Теперь сижу и радуюсь своему открытию. Так запоминать легче, правда.

Комментарии

Аватар пользователя PVasili PVasili 23 марта 2007 в 15:14

Да уж...
Можно еще 2 и 3 значения указывать верх-низ, верх-низ-праволево
Завидую, сколько тебе ещё открытий предстоит Smile

======================================================
Ссылки на: [url=http://wiki.drupal.ru]Документацию[/url],[url=http://wiki.drupal.ru/doc/poleznye_ssylki_dlya_dizainerov]Дизайн[/url],[url=http://wiki.drupal.ru/doc/gotovye_perevody]Переводы[/url]

Аватар пользователя beliy_snow beliy_snow 23 марта 2007 в 15:45

ну просто для меня это было небольшим открытием, решил поделиться, что тут такого Smile

а вариантов много, но я люблю завершенность и логичность... раз стороны 4, то пусть и значений будет 4

Аватар пользователя marazmus marazmus 23 марта 2007 в 16:18

Когда я добрался-таки до чтения спецификации CSS2, я был просто в шоке Smile Столько открытий я еще никогда не делал Smile

Тут, кстати, очень много спецификаций, собранных в файлы формата chm:
http://www.parabox.ru/w3chm/

Аватар пользователя SadhooKlay SadhooKlay (не проверено) 26 марта 2007 в 12:02

Ещё один способ запоминания порядка объявления сторон, кроме правила часовой стрелки, состоит в том, чтобы помнить, что расстановка сторон в правильном порядке помогает избежать неприятностей (в английском - "TRuBLe", т.е. TRBL для Top(верхнее), Right(правое), Bottom(нижнее) Left(левое))



----------------------------------------------------------
Локализация некоторых модулей