margin 属性

2019-11-26 16:55:42 浏览数 (2)

用途

margin 规定标签中四个方向的外边距属性。四个外边距属性表示分别为: margin-top, margin-right, margin-bottom,margin-left。外边距属性可为负数。

语法

代码语言:javascript复制
/* <length> value */
 max-height: 2.5em; /*单值语法 */ 
 
 /* <percentage> value */ /*二值语法 */ 
 max-height: 95%; 
 
 margin: top horizontal bottom; /*三值语法 */ 
 
 margin: top right bottom left; /*四值语法 */

描述

<length>

此关键词指定一个固定的外边距高度。

<percentage>

此关键词表示相当于包含该标签的块的i外边距(即相当于该块的百分比)。若块未明确的指定,则该百分比相当于none

auto

此关键词会被替换为一个适当的值。且可以用于讲一个块级元素居中。

例子

代码语言:javascript复制
/* HTML */
<div id="red"> Hudaokeji. </div>

#red { 
    width: 50%; 
    margin: auto; 
    background: red; 
    text-align: center; 
 }

0 人点赞