HTML DOM margin属性使用手册

后浪云

2022-6-27

网站和优化

本文向大家描述一下HTML DOM margin属性的用法，Html中margin属性主要用来设置元素的外边距，相信本文介绍一定会让你有所收获。

HTML DOM margin属性

定义和用法

margin属性设置元素的外边距。

该属性可使用1到4个值：

如果规定一个值，比如div{margin:50px}-所有的外边距都是50px

如果规定两个值，比如div{margin:50px10px}-上下外边距是50px，左右外边距是10px。

如果规定三个值，比如div{margin:50px10px20px}-上外边距是50px，而左右外边距是10px，下外边距是20px。

如果规定四个值，比如div{margin:50px10px20px30px}-上外边距是50px，右外边距是10px，下外边距是20px，左外边距是30px。

语法：

Object.style.margin=margin

可能的值：

实例

下面的例子改变了段落的外边距：

 
 
 
 
  
  
  
  <html> 
  
  
  
  <head> 
  
  
  
  <scripttypescripttype="text/javascript"> 
  
  
  
  functionchangeMargin()  
  
  
  
  {  
  
  
  
  document.getElementById("p1").style.margin="100px";  
  
  
  
  }  
  
  
  
   script> 
  
  
  
   head> 
  
  
  
  <body> 
  
  
  
   
  
  
  
  <inputtypeinputtype="button"onclick="changeMargin()"  
  
  
  
  value="Changemarginsofaparagraph"/> 
  
  
  
   
  
  
  
  <pidpid="p1">Thisisaparagraph p> 
  
  
  
   
  
  
  
   body> 
  
  
  
   html>

【编辑推荐】

由浅入深学习CSS中margin属性用法
十大CSS使用经典技巧
Html和body标记应用CSS
探究采用DIV+CSS框架的利与弊
DIV CSS网页布局需要掌握的八大技巧

作者：后浪云

链接：https://www.idc.net/help/396642/

文章版权归作者所有，未经允许请勿转载。

THE END