当前位置:首页 > 开发 > Web前端 > 前端 > 正文

被遗忘的知识-div滚动条属性及样式设置

发表于: 2011-03-10   作者:Dead_knight   来源:转载   浏览次数:
css
摘要: 当div所定义的区域的内容达到一定程度时,在div标签里面嵌入css样式表,定义overflow的属性值,设置滚动条相关的属性。 <style tyle="text/css"> .testDiv{ border-style: solid ; border-width: 50px ; border-color: pink ; position: abs
当div所定义的区域的内容达到一定程度时,在div标签里面嵌入css样式表,定义overflow的属性值,设置滚动条相关的属性。

<style tyle="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 却省值,没有滚动条,根据内容自动扩撑区域的大小,即定义的区域无效
scroll 总是显示滚动条
hidden 没有滚动条,超出区域的内容不可见
auto 根据内容自动判断是否添加滚动条

2.滚动条颜色属性:

  face-color:滑块颜色
  hightlight-color:高亮颜色
  3dlight-color:三维光线颜色
  darkshadow-color:暗影颜色
  shadow-color:阴影颜色
  arrow-color:箭头颜色
  track-color:滑道颜色
base-color:滚动条的主要颜色,其中包含滚动按钮和滚动滑块

3.overFlow-x       overFlow-y

visible 却省值,没有滚动条,根据内容自动扩撑区域的大小,即定义的区域无效
scroll 总是显示滚动条
hidden 没有滚动条,超出区域的内容不可见
auto 根据内容自动判断是否添加滚动条
原文:
http://apps.hi.baidu.com/share/detail/6012798

被遗忘的知识-div滚动条属性及样式设置

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
将一下代码复制到html页面中即可查看效果。 支持IE和chrome,不支持firefox <style type="text/cs
<!doctype html> <html> <head> <meta charset="utf-8"> <title>批
WebView有一个设置滚动条位置的属性:android:scrollbarStyle 可以是insideOverlay可以是outsideOver
关于 jQuery 的 Div 标签的滚动条的概念,没有几个人能够完全、正确搞明白的。 我知道很多人不同意
(1)DIV里的table百分比宽度问题: 一行两个DIV . 左边DIV宽度固定 右边的自适应 右边DIV里放置table
<!--原来放广告的地方--> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//E
<!--原来放广告的地方--> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//E
最近在学习JavaScript,在做到个要控制控件样式的例子时,突然有了把常用样式汇总一下的想法,于是
appearance 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。
1、打开Preferences窗口:Window-->Preferences 2、打开colors and fonts项:直接搜索【colors a
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号