滚动条设置

滚动条设置

容器溢出{overflow: vi sible/hidden/scroll/auto/ inherit;}

visible: 默认值，呈现在容器框之外;
hidden: 超出内容隐藏;
scroll: 显示滚动条;
auto: 只有超出时才显示滚动条;
inherit: 继承父级overflow属性的值。
overflow 水平及垂直方向内容溢出时的设置
overflow-x 水平方向内容溢出时的设置
overflow-y 垂直方向内容溢出时的设置
overflow:auto; 一内容超出范围就显示滚动条, 反之不显示。

设置横向滚动条: .
. box{
width: 300px; height: 300px; border: 5px solid red;
overflow-x: scroll; white- space: nowrap;}

注：
/*
overflow容器溢出 hidden 隐藏 auto自动 scroll滚动
white-space: nowrap 强制文本在一行
*/

自己定义滚动条的颜色

scrollbar- face-color (立体滚动条凸出部分的颜色)
scrollbar-highlight-color (滚动条背景条的颜色)
scro1lbar-base-color (滚动条背景的亮光色，基底)
scrol1bar-arrow-color(上下按钮三角箭头的颜色)
scrollbar-shadow-color (立体滚动条阴影的颜色) (滑动滚动条边框色，ie.显示)
scrol1bar-dark-shadow-color (立体滚动条强阴影的颜色(浏览器不显示) )
以上适用与、

、 、