margin:10px 5px 15px 20px;
上外边距是 10px
右外边距是 5px
下外边距是 15px
左外边距是 20px
例子 2
margin:10px 5px 15px;
上外边距是 10px
右外边距和左外边距是 5px
下外边距是 15px
例子 3
margin:10px 5px;
上外边距和下外边距是 10px
右外边距和左外边距是 5px
例子 4
margin:10px;
所有 4 个外边距都是 10px
默认值: 0
继承性: no
版本: CSS1
JavaScript 语法: object.style.margin="10px 5px"
可能的值
值 描述
auto 浏览器计算外边距。
length 规定以具体单位计的外边距值,比如像素、厘米等。默认值是 0px。
% 规定基于父元素的宽度的百分比的外边距。
inherit 规定应该从父元素继承外边距。

转载于:https://www.cnblogs.com/xiuxiu123/p/5527688.html

margin的相关属性:相关推荐

  1. css中的背景、边框、补丁相关属性

    css中的背景.边框.补丁相关属性 关于背景涉及到背景颜色与背景图片 背景颜色background-color即可设定: 背景图片background-image即可设定: 但是背景图片还涉及到其他的 ...

  2. html盒子页面居中,网页布局盒子(box)相关属性和盒子居中

    网页布局中盒子的相关属性: 一.盒子的基础属性: 1.width和height:设置盒子的宽度和高度:常见单位:px,em,rem,vh/vm等 2.background:color(设置背景颜色), ...

  3. Web:flex模拟移动商城首页页面布局/grid布局的相关属性

    flex模拟移动商城首页页面布局 1.布局页面导航 大家可以看到图片上的红色边框,用了flex布局,布局了一个多行容器,采用的是无序列表ul. css代码块 /* 设置导航样式,定义flex容器 */ ...

  4. css与背景相关的属性有哪些,css的背景background的相关属性

    今天需要做一个占满设备宽度的轮播图,这里作为demo仅展示一张图,下面分别是要操作的图片(这里做了缩放处理,实际的图比较大),以及要实现的效果图,很明显两者是不成比例的:      (图一)   (图 ...

  5. CSS3新增的相关属性

    文章目录 前言 CSS3属性 一,实现深色模式和浅色模式的切换 1.1,"checked"作用 1.2,语法 1.3,例 二,盒子模型(背景) 2.1,释义 2.2 , " ...

  6. CSS 动画相关属性动态实例大全(82种),2023年祝福第二弹(送你一只守护兔)(下),守护兔源代码免费下载

    2023年春节祝福第二弹--送你一只守护兔(下) CSS 动画相关属性动态实例大全(82种).守护兔源代码免费下载 本文目录: 五.CSS3 动画相关属性实例大全 (1).CSS3的动画基本属性 (2 ...

  7. css中 盒模型的属性包括(),css的盒子模型属性有哪些?css盒子模型相关属性的介绍...

    本篇文章给大家带来的内容是关于css的盒子模型属性有哪些?css盒子模型相关属性的介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 1.盒子模型图 2.一个简单的盒子模型 box. ...

  8. php中的文字排版问题,CSS布局中常用的文字排版相关属性详解

    本篇文章给大家带来的内容是关于CSS布局中常用的文字排版相关属性详解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. CSS布局中常用的文字排版相关属性详解 一.设定文字字体.颜色.大 ...

  9. offsetParent、getBoundingClientRect与其他位置相关属性

    offsetParent.getBoundingClientRect与其他位置相关属性 写在前面:本文章中的代码演示,默认清除的了 body 和 html 的 margin.padding. 定位父级 ...

最新文章

  1. 操作系统:了解一下磁盘结构
  2. 国内互联网广告生态现状【计算广告】
  3. 美国世态什么样,看这条“K”线就够了
  4. React Suspense提供Redux的替代方案
  5. kafka 脚本发送_Apache-Flink深度解析-DataStream-Connectors之Kafka
  6. 谷歌再修复已遭利用的两个高危 Chrome 0day
  7. RUNTIME_CLASS
  8. Storyboard全解析-第二部分
  9. HBase伪分布式搭建
  10. Class.isAssignableFrom instanceof 区别
  11. mysql轻量级的管理工具
  12. visual basic_什么是Visual Basic?
  13. win10计算机自带的游戏怎么打开方式,win10自带游戏在哪里?手把手教你打开win10自带游戏...
  14. js版in_array函数
  15. RAC修改IP(public/virtual/scan)
  16. 人人都可以成为记忆高手--罗马室记忆法则
  17. 架设游戏私服——内网穿透工具frp
  18. 积沙成塔,积水成渊是什么意思
  19. 编写一程序从键盘输入圆锥体的半径r 高度h 并计算其体积
  20. OCAD应用:光楔初始设计

热门文章

  1. 聊一聊CriteriaQuery
  2. 用python模拟多人聊天服务器以及客户端(带图形化界面)
  3. mysql5.7双机_CentOS6.4 mysql5.7 双机热备份
  4. auuc 评估指标_National Chiao Tung University Institutional Repository
  5. SPI Flash Rom W25Q16 ----基于STC15
  6. 红外线遥控器原理及编程
  7. 毕业设计 物联网智能衣柜系统 - 单片机
  8. MVC:用bShare插件分享内容至QQ空间
  9. goaheadlinux移植_goAhead2.5嵌入式web服务器移植
  10. 计算机网络大题分析(一)