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; /*四值语法 */

描述

<length>

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

<percentage>

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

auto

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

例子

/* HTML */
<div id="red"> Hudaokeji. </div>

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

本文分享自微信公众号 - Html5知典(gh_5b9c8e323efa),作者:hudao

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-09-13

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • JavaScript——对象的属性

    在JavaScript中,所有的对象都是一组属性的集合,属性可以是数值,字符串等原始类型,也可以是函数,或者是其他对象。

    Html5知典
  • CSS——尺寸

    缺省情况下,尺寸属性设定的高度和宽度仅适用于内容区域,不包括边框和内边距,这种高度宽度模式属于CSS自古以来的传统盒子模型。当前,本目录下各属性的参考文档都是基...

    Html5知典
  • CSS——边距

    边距包括外边距(Margin)属性和内边距(Padding)属性,外边距属性定义了元素间的间隔,内边距属性定义了元素边框与内容区域之间的空白区域。

    Html5知典
  • CSS深入理解学习笔记之margin

    1、margin与容器尺寸   元素尺寸:①可视尺寸 clientWidth(标准);②占据尺寸 ?   margin与可视尺寸:①适用于没有设定width/h...

    就只是小茗
  • 关于css margin,你需要知道的一切

    当我们学习CSS时,我们大多数人学到的第一件事是CSS中盒子的各个部分的细节,这部分通过叫做 CSS盒、模型。“盒模型”中的元素之一是margin,即盒子周围的...

    前端小智@大迁世界
  • 关于 CSS margin,一些让你模糊的点

    当我们学习CSS时,我们大多数人学到的第一件事是CSS中盒子的各个部分的细节,这部分通过叫做 CSS盒、模型。“盒模型”中的元素之一是margin,即盒子周围的...

    前端小智@大迁世界
  • CSS 常用属性

    Joel
  • 全球十五年脑神经研究并未作废,人工智能大国竞争继续

    【新智元导读】日前有媒体报道,一篇PNAS论文的发现让“15年的脑神经科学研究作废”。脑科学正是大国竞争之地,相关研究也与人工智能发展联系紧密,该结果真的具有这...

    新智元
  • php空间Freehostia设置301跳转

    由于谷歌adense要求广告必须是顶级域名,所以将原有的blog.stackoverflow.club全部迁移到stackoverflow.club,这需要对原...

    羽翰尘
  • 黑客入侵加密企业所有服务器,嚣张留言勒索9.5比特币

    近日,腾讯御见威胁情报中心接到某公司反馈,公司里数台Windows服务器中了勒索病毒,电脑除了C盘,其他磁盘分区都被整个加密,公司业务已接近停摆。此外,该勒索病...

    FB客服

扫码关注云+社区

领取腾讯云代金券