http://zhidian.wuute.com/html5dev/ 2026-04-08T16:00:28+09:00 http://zhidian.wuute.com/html5dev/ http://zhidian.wuute.com/html5dev/lib/tpl/bootstrap3_1/images/favicon.ico text/html 2017-04-24T16:25:19+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/86/28/margin?rev=1493018719&do=diff margin margin规定元素中四个方向的外边距属性。四个外边距属性表示分别为: margin-top, margin-right, margin-bottom, margin-left。外边距属性可为负数。 语法 /* <length> value */ max-height: 2.5em; /*单值语法 */ /* <percentage> value */ /*二值语法 */ max-height: 95%; margin: top horizontal bottom; /*三值语法 */ margin: top right bottom left; /*四值语法 */ margin: auto; text/html 2017-04-24T16:40:02+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/86/28/marginbottom?rev=1493019602&do=diff margin-bottom 该属性用于设置元素的底部外边距，可设置负数值。 该属性对设置了 non-replaced 的行内元素无作用,例如： <tt> 或 <span>. 语法 /* <length> value */ margin-bottom: 2.5em; /* <percentage> value */ margin-bottom: 95%; /* Keyword values */ margin-bottom: auto; text/html 2017-04-24T16:56:18+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/86/28/marginleft?rev=1493020578&do=diff margin-left 该属性用于设置与元素相关联的盒子模型的左外边距。这个值可以为负值。 竖直排列相邻的两个盒子模型的外边距会重叠 margin collapsing。 语法 /* <length> value */ margin-left: 2.5em; /* <percentage> value */ margin-left: 95%; /* Keyword values */ margin-left: auto; margin-left: inherit; margin-left: initial; margin-left: unset; text/html 2017-04-24T16:58:19+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/86/28/marginright?rev=1493020699&do=diff margin-right 该属性用于设置与元素相关联的盒子模型的右外边距，可为负值。 竖直排列相邻的两个盒子模型的外边距会重叠，称为 margin collapsing. 语法 /* <length> value */ margin-right: 2.5em; /* <percentage> value */ margin-right: 95%; /* Keyword values */ margin-right: auto; text/html 2017-04-24T17:03:03+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/86/28/margintop?rev=1493020983&do=diff margin-top 该属性用于设置元素的顶部外边距，可用负值。 这个属性对于不可替换的 inline 元素没有效果，比如 <tt> 或者 <span>。 语法 /* <length> value */ max-height: 2.5em; /* <percentage> value */ max-height: 95%; /* Keyword values */ margin-top: auto; text/html 2017-04-24T17:06:50+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/86/28/padding?rev=1493021210&do=diff padding padding规定元素的内边距，该属性不可为负值，其简写形式可一次性设置四个边的内边距。 语法 /* <length> value */ padding: 2.5em; /*单值语法 */ /* <percentage> value */ /*二值语法 */ padding: 95%; padding: top horizontal bottom; /*三值语法 */ padding: top right bottom left; /*四值语法 */ text/html 2017-04-24T17:09:00+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/86/28/paddingbottom?rev=1493021340&do=diff padding-bottom 该属性用于设置元素的底部填充区域的高度，负值无效。 语法 /* <length> value */ padding-bottom: 2.5em; /* <percentage> value */ padding-bottom: 95%; 值 值描述<length> 此关键词定义了一个确定的宽度值。 text/html 2017-04-24T17:10:10+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/86/28/paddingleft?rev=1493021410&do=diff padding-left 该属性用于设置元素的左部填充区域的高度，负值无效。 语法 /* <length> value */ padding-left: 2.5em; /* <percentage> value */ padding-left: 95%; 值 值描述<length> 此关键词定义了一个确定的宽度值。 text/html 2017-04-24T17:18:06+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/86/28/paddingright?rev=1493021886&do=diff padding-right 该属性用于设置元素的右部填充区域的高度，负值无效。 语法 /* <length> value */ padding-right: 2.5em; /* <percentage> value */ padding-right: 95%; 值 值描述<length> 此关键词定义了一个确定的宽度值。 text/html 2017-04-24T17:23:31+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/86/28/paddingtop?rev=1493022211&do=diff padding-top 该属性用于设置元素的顶部填充区域的高度，负值无效。 语法 /* <length> value */ padding-top: 2.5em; /* <percentage> value */ padding-top: 95%; 值 值描述<length> 此关键词定义了一个确定的宽度值。 text/html 2017-04-23T20:39:16+09:00 http://zhidian.wuute.com/html5dev/doku.php/26/86/28/start?rev=1492947556&do=diff 边距 定义 边距包括外边距(Margin)属性和内边距(Padding)属性，外边距属性定义了元素间的间隔，内边距属性定义了元素边框与内容区域之间的空白区域。 概述 一个元素有上（top）、下（bottom）、左（left）、右（right）四个边。外边距（margin）表示从一个元素的边到相邻元素(或者文档边界)之间的距离，而内边距（padding）则定义了元素内部从边到内容的间隔。