Что делать маржа: 5px 0; и маржа: 5px 0 0; имею в виду?

Question

Означает ли margin:5px 0; margin:5px 0 0 0; или margin:5px 0 5px 0;?

Означает ли margin:5px 0 0; margin:5px 0 0 0;?

То же самое для заполнения, конечно.

Кроме того, это совместимо во всех браузерах (включая IE6)?

Answer 1

Согласно Модель коробки :

• Если есть только одно значение, оно применяется со всех сторон.
• Если есть два значения, поля top и bottom установлены на первое значение и справа и слева поля устанавливаются с точностью до секунды.
• Если есть три значения, top установлено до первого значения влево и вправо установлены на второе, а низ установлен на третий.
• Если их четыре значения, они применяются к top , right , внизу и слева соответственно.

body { margin: 2em }         /* all margins set to 2em */
body { margin: 1em 2em }     /* top & bottom = 1em, right & left = 2em */
body { margin: 1em 2em 3em } /* top=1em, right=2em, bottom=3em, left=2em */

Это определено стандартом CSS, поэтому оно должно быть согласованным во всех браузерах, которые правильно реализуют CSS. Чтобы узнать о совместимости браузера, ознакомьтесь с историей поддержки CSS и quirksmode от Blooberry . Согласно Blooberry, margin впервые был реализован в IE3, поэтому IE6 должен быть в порядке.

Answer 2

Для полей и отступов вы можете указать одно, два, три или четыре значения, разделенные пробелами:

1. Одно значение: Все четыре стороны используют это значение.
2. Два значения: top / bottom получить первое значение; влево / вправо получить второе
3. Три значения: top получает первое, left / right получает второе, bottom получает третье
4. Четыре значения: сверху, справа, снизу, слева (то есть по часовой стрелке от полудня ) получают каждое значение

Answer 3

margin: 5px 0; означает margin: 5px 0 5px 0;

margin: 5px 0 0; означает margin: 5px 0 0 0;

Все браузеры следуют этому, включая IE 6.