JavaScript HTML DOM Style button 属性

• 

  button 属性

  button属性设置或返回定位元素的底部位置。此属性指定元素的底部位置，包括填充，滚动条，边框和边距。

  提示：定位元素是position属性设置为：relative，absolute或fixed的元素。

  提示：要设置或返回定位元素的顶部位置，请使用top属性。

  设置button元素的底部位置：

  document.getElementById("myBtn").style.bottom = "100px";

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  button	支持	支持	支持	支持	支持

• 

  语法

  返回button属性：

  object.style.button

  设置button属性：

  object.style.button = "auto|length|%|initial|inherit"
• 

  属性值

  值	描述
  auto	让浏览器设置底部位置。 这是默认值
  length	以长度单位定义底部位置。 允许负值
  %	设置父元素高度的％的底部位置
  initial	将此属性设置为其默认值。 阅读有关initial信息
  inherit	从其父元素继承此属性。 阅读有关inherit的信息

• 

  技术细节

  项目	描述
  默认值：	auto
  返回值：	一个字符串，表示定位元素的底部位置
  CSS版本	CSS2

• 

  更多例子

  设置div元素的底部位置：

  document.getElementById("myDiv").style.bottom = "10px";
  

  尝试一下

  使用负值 - 设置div元素的底部位置：

  document.getElementById("myDiv").style.bottom = "-100px";
  

  尝试一下

  返回div元素的底部位置：

  alert(document.getElementById("myDiv").style.bottom);
  

  尝试一下
• 

  相关页面

  CSS教程：CSS定位