css margin-right属性定义及用法

在css中,margin-right属性是使用来设置元素的右外边距,属性值可以是负数。如果我们需要同时设置元素的上下左右的外边距,我们可以使用margin属性来设置。

css margin-right属性语法格式

css语法:margin-right:auto/length/%/inherit

JavaScript语法:object.style.marginRight="10px"

属性值说明

auto :浏览器设置的右外边距

length:定义固定的右外边距,默认值是 0

%:定义基于父对象总高度的百分比右外边距

inherit:从父元素继承margin-right属性的值

实例

css margin-right属性设置元素的左外边距

p{border: 1px solid royalblue;height:100px;width:120px;float:left;}

#mr1 {margin-right:20px;}

#mr2 {margin-right:50px;}

margin-right属性演示

margin-right属性演示

一个margin-right属性演示

运行结果

css属性 margin right,css margin-right属性怎么用相关推荐

  1. css属性之padding和margin

    css属性之padding和margin,并探究给行内元素设置内外边距是否有效! padding和margin的作用(重要) padding:内边距(影响盒子的大小) padding-top:上内边距 ...

  2. css设置title字体_CSS中简写属性要注意TRouBLe的顺序,避免踩坑

    简写属性是用于同时给多个属性赋值的属性.比如font是一个简写属性,可以用于设置多种字体属性.它指定了font-style.font-weight.font-size.font-height以及fon ...

  3. [css] 请举例说明css有哪些不可继承的属性?

    [css] 请举例说明css有哪些不可继承的属性? 1.display:规定元素应该生成的框的类型2.文本属性:vertical-align:垂直文本对齐text-decoration:规定添加到文本 ...

  4. [css] 解释下为什么css的reset不建议直接这么写:*{ margin:0; padding:0;}?

    [css] 解释下为什么css的reset不建议直接这么写:*{ margin:0; padding:0;}? 1.*为通配符,使用通配符,即全局范围遍历,耗费浏览器效率,增大负荷: 2.会影响后面的 ...

  5. CSS: 深入理解BFC和Margin Collapse (margin叠加或者合并外边距)

    BFC的理解与应用 首先我们来看看w3c规范对BFC的解释,其实对于这种概念的学习上,我们总是建议首先寻找官方的定义,因为原则上来说官方的才是最权威和正确的,而且还比较详细,千万不要因为看到英文就畏惧 ...

  6. 在html中定位属性怎么用,CSS元素定位的使用方法

    CSS元素定位的使用方法 导语:定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素.另一个元素甚至浏览器窗口本身的位置.以下是百分网小编为大家搜集的CSS元素定位 ...

  7. css定位-css新增选择器(内减,属性,伪类,2d变换,过渡)

    目录 一.定位(重点) 1.静态定位 2.相对定位 3.绝对定位 4.固定定位 5.定位元素的层叠效果 二.css3和css2的区别 1.内减模式 2.新增属性选择器 3.新增伪类选择器 4. 2d变 ...

  8. css浮动,清除浮动,溢出属性,定位,设置透明度

    浮动>>>float 在css中,任何元素都可以浮动. 浮动元素会生成一个块级框,而不论它本身是什么元素. 关于浮动的两个特点: 浮动的框可以像做或向右移动,直到它的外边缘碰到包含框 ...

  9. css文本行高是哪个属性_CSS样式----CSS属性:字体属性和文本属性(图文详解)...

    本文最初于2015-10-04发表于博客园,并在GitHub上持续更新前端的系列文章.欢迎在GitHub上关注我,一起入门和进阶前端. 以下是正文. 本文重要内容 CSS的单位 字体属性 文本属性 定 ...

最新文章

  1. 存储过程由结构表生成表
  2. jsp是在html中添加什么作用域,JSP九个内置对象 四大作用域 动作指令
  3. spring hibernate 连接sqlserver 数据库的时候还需要jdbc包吗?
  4. Atitit main函数的ast分析  数组参数调用的ast astview解析
  5. ELK出现unassigned_shards查看及删除
  6. 随机接入响应(RAR,即MSG2)发送过程
  7. Spring(AbstractRoutingDataSource)实现动态数据源切换--转载
  8. display属性_前端基础:Grid 布局教程,重新复习grid布局的容器和项目属性
  9. 计算机组成原理——机器字长、指令字长、存储字长
  10. long在python中的意思_Python如何管理int和long?
  11. PostgreSQL的pg_basebackup备份恢复详解
  12. 移动应用测试基于JAVA_Appium用于测试Android混合移动应用程序
  13. php+mysql_msqli简单实例
  14. Java学习不走弯路教程(16 用Ajava异步请求)
  15. JavaScript 弹窗
  16. 在手机与计算机之间进行文件传输的方式,电脑和手机传输文件方法_电脑和手机如何传文件-win7之家...
  17. Android Studio:Type mismatch: inferred type is Int but Unit was expected
  18. 一键彻底关闭WIN10自动更新_BlockWin10AU
  19. 【模电】NPN和PNP三极管的区别(一)
  20. 【Python 实操】labelImg标注的xml格式转换为yolo的txt文件

热门文章

  1. 数据结构课设--2停车场管理(栈和队列的应用)
  2. 关于滋肾育胎丸的临床应用与研究
  3. Windows 如何关闭快捷键ctrl+alt+方向键旋转屏幕
  4. 2年时间我是如何从阿里外包转正的?
  5. 操作系统第五章——输入输出管理(上)
  6. 面试的时候被问如何看待加班,该怎么回答?
  7. idea解决maven依赖冲突
  8. CSDN写文章,标签居然没有ssd和Harddisk?
  9. 北大强基计划有计算机吗,2020年北大及清华等高校的强基计划考试结果已经出炉...
  10. 大辉谈-用redis和CDN实现百万并发架构