CSS3 overflow-style 属性

设置溢出元素的首选滚动方法：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>overflow-style 属性实例 - 蜜蜂教程(mifengjc.com)</title>
  <style>
    div {
      width: 150px;
      height: 50px;
      border: thin solid black;
      overflow: hidden;
      overflow-style: marquee, panner;
    }
  </style>
</head>
<body>

  <div>
    这是一个段落。这是一个段落。这是一个段落。这是一个段落。 这是一个段落。这是一个段落。这是一个段落。这是一个段落。 这是一个段落。这是一个段落。这是一个段落。这是一个段落。 这是一个段落。这是一个段落。这是一个段落。这是一个段落。 这是一个段落。这是一个段落。这是一个段落。这是一个段落。
  </div>

  <p>overflow-style 属性规定溢出元素的首选滚动方法。</p>
  <p><b>注释：</b>目前没有浏览器支持 overflow-style 属性。</p>

</body>
</html>

尝试一下 »

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

目前主流浏览器都不支持 overflow-style 属性。

定义和用法

overflow-style 规定溢出元素的首选滚动方法。

默认值: auto
继承性: no
动画: no. 阅读 animatable
版本: CSS3
JavaScript 语法: object.style.overflowStyle="scrollbar"

CSS 语法

overflow-style: auto|scrollbar|panner|move|marquee;

注意：值既可以是 auto，或者是按照优先次序的方法列表。浏览器应该使用列表中其支持的的第一个滚动方法。

值 描述
auto
scrollbar 为溢出元素添加滚动条。
panner
move 用户能够直接移动元素的内容。通常，用户能够用鼠标拖动内容。
marquee 内容自主移动，不需任何用户代理对其控制。