DIV滚动条属性及样式设置方式
来源:互联网 发布:读取js代码自动换行 编辑:程序博客网 时间:2024/06/05 10:42
这里向大家描述一下DIV滚动条属性及样式设置,所谓DIV滚动条,就是利用DIV标签,在里面嵌入CSS样式表,加入overflow的属性值,这样,当div所规范的区域内的内容达到一定程序时,滚动条就派上用场。
DIV滚动条属性及样式设置
所谓DIV滚动条,就是利用DIV标签,在里面嵌入CSS样式表,加入overflow的属性值,这样,当div所规范的区域内的内容达到一定程序时,滚动条就派上用场。其功能大约是为了节约页面空间,就是所谓的“缩地”了。
当div所定义的区域的内容达到一定程度时,在div标签里面嵌入css样式表,定义overflow的属性值,设置DIV滚动条相关的属性。
示例代码:
- <styletylestyletyle="text/css">
- .testDiv{
- border-style:solid;
- border-width:50px;
- border-color:pink;
- position:absolute;
- top:200px;
- left:300px;
- height:200px;
- width:300px;
- overFlow-x:scroll;
- overFlow-y:hidden;
- scrollBar-face-color:green;
- scrollBar-hightLight-color:red;
- scrollBar-3dLight-color:orange;
- scrollBar-darkshadow-color:blue;
- scrollBar-shadow-color:yellow;
- scrollBar-arrow-color:purple;
- scrollBar-track-color:black;
- scrollBar-base-color:pink;
- }
- </style>
注:
1.overFlow:
visible却省值,没有DIV滚动条,根据内容自动扩撑区域的大小,即定义的区域无效
scroll总是显示滚动条
hidden没有滚动条,超出区域的内容不可见
auto根据内容自动判断是否添加滚动条
2.DIV滚动条颜色属性:
face-color:滑块颜色
hightlight-color:高亮颜色
3dlight-color:三维光线颜色
darkshadow-color:暗影颜色
shadow-color:阴影颜色
arrow-color:箭头颜色
track-color:滑道颜色
base-color:DIV滚动条的主要颜色,其中包含滚动按钮和滚动滑块
3.overFlow-xoverFlow-y
visible却省值,没有DIV滚动条,根据内容自动扩撑区域的大小,即定义的区域无效
scroll总是显示滚动条
hidden没有DIV滚动条,超出区域的内容不可见
auto根据内容自动判断是否添加滚动条
- DIV滚动条属性及样式设置方式
- DIV滚动条属性及样式设置方式
- Div滚动条属性及样式设置
- div 滚动条属性及样式设置
- 设置div滚动条样式
- div滚动条及DIV属性分析
- div 设置样式 显示滚动条
- Div滚动条样式
- DIV滚动条样式
- 设置滚动条样式
- 设置滚动条样式
- 设置滚动条样式
- QListWidget和QTableWidget的使用和属性;QTableWidget和QListWidget样式表的设置及滚动条的样式设置
- CSS对div滚动条的样式设置
- DIV滚动条设置
- div设置滚动条
- DIV 设置滚动条
- div 设置滚动条
- 简单的javaBean实现访问量统计
- 货比三家——Chrome 购物比价插件推荐
- C#中使用自定义消息
- listview中放Button 点击 长按事件
- SEO的那些事儿
- DIV滚动条属性及样式设置方式
- 关于JAVA的路径
- wordpress中的模板标签
- 迎接2012之JavaScript所谓的“重载”
- Android 近百个项目的源代码,覆盖Android开发的每个领域
- OpenMP中数据属性相关子句详解(3): reduction子句
- 插件52:在留言薄留言
- 程序中执行DOS命令,附带隐藏命令窗口
- 用C#开发Windows服务监控系统使用