浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号

属性定义及使用说明

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

代码解析

margin:10px 5px 15px 20px;

n上边距是 10px

n右边距是 5px

n下边距是 15px

n左边距是 20px

margin:10px 5px 15px;

n上边距是 10px

n右边距和左边距是 5px

n下边距是 15px

margin:10px 5px;

n上边距和下边距是 10px

n右边距和左边距是 5px

margin:10px;

n所有四个边距都是 10px

注意: 负值是允许的默认值:0

继承:no

版本:CSS1

JavaScript 语法:object.style.margin="10px   5px"

属性值值描述

auto浏览器计算外边距。

length规定以具体单位计的外边距值,比如像素、厘米等。默认值是 0px。

%规定基于父元素的宽度的百分比的外边距。

inherit规定应该从父元素继承外边距。

实例

代码html>

外边距简写属性 margin

p{

border: 1px solid; /*边框*/

}

.css1{

margin: 1px 30px 60px 90px;/*顺序是上、右、下、左*/

}

一个没有指定边距大小的段落。

一个指定边距大小的段落。

一个没有指定边距大小的段落。

效果图

小白教程网www.2d5.net

php外边距的代码,外边距简写属性 margin相关推荐

  1. 双18期|CSS揭秘之简写属性

    theme: channing-cyan highlight: a11y-dark 双18期|CSS揭秘之简写属性 tips:每个技术点都值得优学优写:18期 一.写在前面 css 简写属性了解吗?前 ...

  2. CSS边框、边距、轮廓(边框宽度/颜色/各边/简写属性/圆角边框/内外边距/高度宽度/框模型/轮廓宽度/颜色/属性/偏移)——万字长文|一文搞懂

    目录 CSS边框 CSS 边框属性 CSS 边框样式 实例 CSS 边框宽度 实例 特定边的宽度 实例 CSS 边框颜色 实例 特定边框的颜色 实例 HEX 值 实例 RGB 值 实例 HSL 值 实 ...

  3. html设置外边距不合并,CSS外边距合并代码

    请看下面的图,就对边距的理解很清晰了. 我习惯把 图中所示的margin边界称为外边距,padding填充部分称之为内边距.设置外边距最好的一个方法就是设置margin值,同理,设置内边距的最好 办法 ...

  4. css边距和填充示例代码,css 内外边距(示例代码)

    一.边距 内边距: 边框于内容之间的距离. 外边距:边框于边框之间的距离. 二.外边距margin Margin的特性 margin始终是透明的. margin通过使用单独的属性,可以对上.右.下.左 ...

  5. css外边距自动代码,CSS外边距合并代码

    请看下面的图,就对边距的理解很清晰了. 我习惯把 图中所示的margin边界称为外边距,padding填充部分称之为内边距.设置外边距最好的一个方法就是设置margin值,同理,设置内边距的最好 办法 ...

  6. php外边距的代码,CSS 外边距

    CSS 外边距 围绕在元素边框的空白区域是外边距.设置外边距会在元素外创建额外的"空白". 设置外边距的最简单的方法就是使用 margin 属性,这个属性接受任何长度单位.百分数值 ...

  7. 【html】盒模型div,边框border,内边距padding,外边距margin

    初识盒模型 要想学习盒模型,首先要知道什么是盒模型.顾名思义,每个div标签都是一个矩形,像一个盒子,所以HTML页面布局可以理解为多个盒子嵌套排列而成. 盒模型的组成 盒模型包括:content(内 ...

  8. 安卓内边距padding与外边距magrin

    内边距padding与外边距margin 内边距只有容器才有,即里面要有视图 具体示例

  9. 在html中设置外边距,CSS外边距设置属性margin用法

    本文向大家描述一下CSS外边距属性margin的用法,设置外边距的最简单的方法就是使用margin属性,这个属性接受任何长度单位.百分数值甚至负值,相信本文介绍一定会让你有所收获. CSS外边距 围绕 ...

最新文章

  1. Android 知识杂记(MVP模式)
  2. 挑战独立开发项目能力___ITlanbao
  3. linux常用的内核镜像格式
  4. linux下eclipse cdt主函数main参数值传递设置
  5. jQuery的Ajax方法
  6. mysql 常用优化方案_项目中常用的 19 条 MySQL 优化方案
  7. leetcode 1. 两数之和 思考分析
  8. 学习《css世界》笔记之多行文本实现垂直居中
  9. bash脚本创建变量_创建一个Bash脚本模板
  10. java 查找引用_java – Eclipse查找方法的引用
  11. js之prototype、__proto__与constructor(图解)以及原型链
  12. 非标准的CAN波特率计算
  13. 《tcpip详解》卷一第2章
  14. linux系统网桥管理工具brctl 安装及使用
  15. win10系统下mysql5.7初始化失败怎么办?
  16. PropertyBeanUtils.copyProperties(dest, orig)
  17. 在日本申报个人所得税流程
  18. 今天不知明天晚,独自面对心受伤
  19. php 队列取并集,php多个数组并集、交集和差集操作函数总结
  20. 配电房远程监控运维系统

热门文章

  1. C# 判断两张图片是否一致,极快速。
  2. python字符串操作符-python字符串操作
  3. Python报错ReadTimeoutError
  4. C++第2次实验作业
  5. 7.跨段跳转,短调用和长调用堆栈图
  6. delete、truncate 、Drop删除表的区别
  7. networkx教程
  8. 人人都说的SaaS,你真的了解它吗?
  9. Using Sketch with Framer 使用Sketch与Framer Lynda课程中文字幕
  10. Protobuf是什么