html中div滚动条设置,DIV滚动条属性及样式设置方式

这里向大家描述一下DIV滚动条属性及样式设置，所谓DIV滚动条，就是利用DIV标签，在里面嵌入CSS样式表，加入overflow的属性值，这样，当div所规范的区域内的内容达到一定程序时，滚动条就派上用场。

DIV滚动条属性及样式设置

所谓DIV滚动条，就是利用DIV标签，在里面嵌入CSS样式表，加入overflow的属性值，这样，当div所规范的区域内的内容达到一定程序时，滚动条就派上用场。其功能大约是为了节约页面空间，就是所谓的“缩地”了。

当div所定义的区域的内容达到一定程度时，在div标签里面嵌入css样式表，定义overflow的属性值，设置DIV滚动条相关的属性。

示例代码：

.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;

}

注：

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根据内容自动判断是否添加滚动条

【编辑推荐】

【责任编辑：程华权 TEL：(010)68476606】

html中div滚动条设置,DIV滚动条属性及样式设置方式相关推荐

Python中Button按钮组件常用的属性及参数设置
Python中Button按钮组件常用的属性及参数设置本篇文章中小编给大家介绍Button按钮组件的相关常用的属性以及参数的设置. 一. 常用属性使用语法变量=Button(父容器(根窗口),参数 ...
怎样设置html的元素属性,Jquery怎么设置元素的属性和样式？
Jquery怎么设置元素的属性和样式?下面本篇文章给大家介绍一下使用jQuery操作元素属性与样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 元素属性和Dom属性对于下 ...
html怎么给边框改样式,html里面怎么设置边框？html边框样式设置方法
html怎么设置边框?html边框线怎么设置?相信有很多刚刚接触html的朋友都会有这样的疑问.本章就给大家介绍html里面怎么设置边框?html边框样式设置方法.有一定的参考价值,有需要的朋友可以参 ...
CAD图纸比例设置不同时CAD标注样式设置为相同的操作教程
CAD图纸中可能很多内容和标注原来不是一张图上,是其他dwg拷贝过来,用很多不同标注样式,其中的CAD标注设置都不同.在最后出图时,有些是需要修改设置的,这个可以在新建初始设置好CAD标注样式解决.下 ...
浅谈CSS中/deep/ ＞＞＞ ::v-deep属性进行样式穿透
背景在开发vue项目中,引入第三方ui组件库,只需要在当前页面修改第三方组件库的样式以做到不污染全局样式.通过在样式标签上使用`scoped`达到样式只制作用到本页面,但是此时再修改组件样式不起作用 ...
python中plt颜色代码_python数据分析plt颜色样式设置
根据颜色代码: 绘制多条线 y=sin(x)+1 y=sin(x)+2 y=sin(x)+3 --y=sin(x)+7 ,每个颜色不同,点样式不同,线类型循环重复. '.':点(point ma ...
Jquery设置属性及样式
要通过JQ设置元素属性及样式,首先我们得了解JQ对象和DOM对象 DOM对象与JQ对象 JQ获取的元素与原生JS获取的元素不相等,这是因为JQ获取元素时,会先通过元素js原生方式,待找到该元素后会将该 ...
JavaScript（19）jQuery HTML 获取和设置内容和属性
jQuery HTML jQuery 拥有可操作 HTML 元素和属性的强大方法. jQuery DOM 操作 jQuery 中非常重要的部分,就是操作 DOM 的能力.jQuery 提供一系列与 D ...
jQuery设置内容和属性
jQuery设置内容和属性一.设置内容以及回调函数方法 text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返 ...

html中div滚动条设置,DIV滚动条属性及样式设置方式

html中div滚动条设置,DIV滚动条属性及样式设置方式相关推荐

最新文章

热门文章