JavaScript HTML DOM Style top 属性

  • top 属性

    top属性设置或返回定位元素的顶部位置。此属性指定元素的顶部位置,包括填充,滚动条,边框和边距。
    提示:定位元素是position属性设置为:relative,absolute或fixed的元素。
    提示:要设置或返回定位元素的底部位置,请使用bottom属性。
    设置button元素的顶部位置:
    document.getElementById("myBtn").style.top = "100px";
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    top
    支持
    支持
    支持
    支持
    支持
  • 语法

    返回top属性:
    object.style.top
    设置top属性:
    object.style.top = "auto|length|%|initial|inherit"
  • 属性值

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

    项目 描述
    默认值: auto
    返回值: 一个字符串,表示已定位元素的顶部位置
    CSS版本 CSS2
  • 更多例子

    使用负值 - 设置div元素的顶部位置:
    document.getElementById("myDiv").style.top = "-100px";
    
    尝试一下
    返回div元素的顶部位置:
    alert(document.getElementById("myDiv").style.top);
    
    尝试一下
  • 相关页面

    CSS参考:CSS 定位
    CSS参考:CSS top 属性