Hisia CSS margin

定义和用法

margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。

说明

这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。

块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。

Mawazo:Inafaa kutumia maadili ya kina.

Mifano 1

maweko:10px 5px 15px 20px;
  • Maweko ya kimaombi ya kusini ni 10px
  • Maweko ya kimaombi ya kusini ni 5px
  • Maweko ya kimaombi ya kusini ni 15px
  • Maweko ya kimaombi ya kusini ni 20px

Mifano 2

maweko:10px 5px 15px;
  • Maweko ya kimaombi ya kusini ni 10px
  • Maweko ya kimaombi ya kulia na kusini ni 5px
  • Maweko ya kimaombi ya kusini ni 15px

Mifano 3

maweko:10px 5px;
  • Maweko ya kimaombi ya kusini na kulia ni 10px
  • Maweko ya kimaombi ya kulia na kusini ni 5px

Mifano 4

maweko:10px;
  • Maweko ya kimaombi ya 4 yote ni 10px

Tazama pia:

Makala ya CSS:Ukangavu wa CSS

Kitabu cha mifungaji wa HTML DOM:Maweko ya kimaombi

Mifano

Inaingiza maweko ya kimaombi ya 4 kwa kina p:

p
  {
  maweko:2cm 4cm 3cm 4cm;
  }

Tafuta tena kwa mafanikio

Inafaa kumaliza lugha ya CSS:

maweko: length|auto|initial|inherit;

Mivuno ya kifungaji

Mivuno Maelezo
auto Kifungaji inakalcula maweko ya kimaombi.
length Inaelewa kwamba maweko ya kimaombi inaingia kutoka kwa nafasi ya kifungaji kwa nafasi ya kimaombi. Mivuno ya kwanza ni 0px.
% Inaelewa kwamba maweko ya kimaombi inaingia kutoka kwa nafasi ya kifungaji kwa nafasi ya kimaombi.
inherit Inaelewa kwamba maweko ya kimaombi yanaingia kutoka kwa kina cha mazungumzo.

Vivyo ya kidhako

Mivuno ya kwanza: 0
Kukwepa kwa kuzumu: no
Mwaka: CSS1
Inafaa kumaliza lugha ya JavaScript: object

mifano mengi

maweko yote ya eneo ya kimaombi kwa kina kimoja
mifano hii inonyesha hatau ya kumaliza maweko yote ya eneo ya kimaombi kwa kina kimoja.

kukimbia kwa kifungaji

mifano ya namba katika tabia inaeleza sababu ya kwanza ya kufaa kwa kifungu hiyo cha kifungaji kwa sababu ya hali ya sasa.

Chrome IE / Edge Firefox Safari Opera
1.0 6.0 1.0 1.0 3.5