`

DIV style相关参数

    博客分类:
  • HTML
 
阅读更多

   所谓DIV滚动条,就是利用DIV标签,在里面嵌入CSS样式表,加入overflow的属性值,这样,当div所规范的区域内的内容达到一定程序时,滚动条就派上用场。其功能大约是为了节约页面空间,就是所谓的“缩地”了。看看效果如何吧,代码在下一楼提供。
  参考核心代码:

<DIV style="PADDING-RIGHT:10px;OVERFLOW-Y:auto;PADDING-LEFT:10px;SCROLLBAR-FACE-COLOR:#ffffff;FONT-SIZE:11pt;PADDING-BOTTOM:0px;SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;OVERFLOW:auto;WIDTH:510px;SCROLLBAR-SHADOW-COLOR:#919192;COLOR:blue;SCROLLBAR-3DLIGHT-COLOR:#ffffff;LINE-HEIGHT:100%;SCROLLBAR-ARROW-COLOR:#919192;PADDING-TOP:0px;SCROLLBAR-TRACK-COLOR:#ffffff;FONT-FAMILY:宋体;SCROLLBAR-DARKSHADOW-COLOR:#ffffff;LETTER-SPACING:1pt;HEIGHT:200px;TEXT-ALIGN:left">

滚动条相关颜色属性:

  face-color:滑块颜色

  hightlight-color:高亮颜色

  3dlight-color:三维光线颜色

  darkshadow-color:暗影颜色

  shadow-color:阴影颜色

  arrow-color:箭头颜色

  tack-color:滑道颜色

  

  滚动条属性:

  overflow:auto为自动,yes为有,no为无

  overflow-x:横向滚动条

  overflow-y:纵向滚动条


分享到:
评论

相关推荐

    css+div技术参考手册

    css+div技术参考手册 什么是样式表: CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 如何将样式表加入您的网页: 你...

    div 背景透明度 如何设置一个div的背景透明度

    Style参数指定了透明区域的形状特征。 设置DIV背景颜色透明度 通常我们通过DIV的style样式属性filter来设置DIV背景透明样式。可根据alpha提供的如下参数进行组合控制:  复制代码代码如下:filt

    div背景定位background设置元素的背景参数

    DIV背景定义参数:background 设置元素的背景参数,div+css的广泛使用,也改变了这一使用习惯,变成了将N多小图标集于一个大图上,再通过div来定位需要用到的图片部分,大大提升了网页刷新的速度,感兴趣的朋友可以...

    div+css布局中的alpha 不透明度使用说明

    语法:filter: Alpha(参数1=参数值, ...范围也是0到100 style 参数指定了透明区域的形状特征。其中0代表统一形 状、1代表线形、2代表放射状、3代表长方形 startx 代表渐变透明效果的开始X坐标 starty 代表渐变透明效果

    html div 透明样式示例代码

    参数解析: alpha是来设置透明度的,它的基本属性是filter:alpha(opacity,finishopacity,style,startX,startY,finishX,finishY). opacity代表透明度数,选值0-100,0是完全透明,100是不透明. finishopacity...

    利用css的clear属性实现广告文字环绕效果

    &lt;div style="float:left;"&gt; &lt;div style="float:left;height:100px;width:1px;"&gt;&lt;!--一个宽为1px的空白层,利用该层的高度控制广告层上下的位置。--&gt;&lt;/div&gt; &lt;div style="float:left;height:250px;width:250px;clear:...

    Good5566首页源码--仿品道网supesite for discuz7.1

    &lt;div style="display:none;" id="imgUrl1"&gt;$value[attachment]&lt;/div&gt; &lt;div style="display:none;" id="imgLink1"&gt;$value[url]&lt;/div&gt; &lt;div style="display:none;" id="imgText1"&gt;$value[subject]&lt;/div&gt; &lt;!--{/loop...

    出现问题a is defined高手帮忙

    DragZoomUtil.style([buttonDiv], G.options.buttonStyle); buttonContainerDiv.appendChild(buttonDiv); return buttonDiv; }; //初始化后退按钮 DragZoomControl.prototype.initBackButton_ ...

    JavaScript 图片切割效果

    &lt;div id="aa" style="width:300px;height:100px;border:1px solid;"&gt;&lt;div style="background:#00f;height:100%;"&gt;&lt;/div&gt;&lt;/div&gt; &lt;script&gt;setTimeout("aa.style.height=200",0) 可以对比ie7的效果,可以看出里面的...

    在vue中动态修改css其中一个属性值操作

    --此div的高度取屏幕可视区域的高度--&gt; &lt;div class=hello xss=removed&gt; &lt;h5&gt;{{ msg }} &lt;/div&gt; [removed] export default { data() { return { msg: Welcome to Your Vue.js App, }; }, computed: { ...

    flowplayer.swf 3.2.7

    您可以将该播放器嵌入您的网页中,如果您是开发人员,您还可以自由定制和配置播放器相关参数以达到您要的播放效果。Flowplayer支持播放flv、swf等流媒体以及图片文件,能够非常流畅的播放视频文件,支持自定义配置和...

    零基础学HTML CSS源代码

    style1.css 名为style1的CSS样式文件。 style2.css 名为style2的CSS样式文件。 style3.css 名为style3的CSS样式文件。 第16章(源代码\第16章) 示例描述:本章演示字体属性用法。 间距与间隔....

    jQuery详细教程

    您将在本教程下面的章节学习更多有关 callback 参数的知识。 实例 $("button").click(function(){ $("p").hide(1000); }); 亲自试一试 &lt;script type="text/javascript" src="/jquery/jquery.js"&gt;&lt;/script&gt; $...

    PHP在弹框中获取foreach中遍历的id值并传递给地址栏

    那么应该怎么做呢。 ... ... 4.使用onclick事件,把参数charge传递给function函数。function为弹窗函数。...5. 把username值传递过来。...&lt;div class=mask&gt;&lt;/div&gt; &lt;div class=mess&gt; ...div style=text-align:left;height:50px;

    vue.js学习笔记之绑定style样式和class列表

    数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是 attribute,我们...语法:&lt;div v-bind:class=”{&gt;&lt;/div&gt;。class后面的双引号里接受一个对象字面量/对象引用/数组作为参数, 这里,{active:

    javascript函数的解释

    108.isNaN()是JavaScript 的内部函数,对参数进行运算,判断其是否为非数字。若参数为NaN (注释:非数值值),则返回true;否者返回false;parseInt 也是一个JavaScript 的内部函数,分析一个 字符串,并返回给定...

    纯js不间断滚动

    4、对于TABLE标记的横向滚动,需要对TABLE添加样式display = inline,如(&lt;div id="marquee" style="width:760px;height:52px;overflow:auto;"&gt;&lt;table style="display:inline"&gt;......&lt;/table&gt;&lt;/div&gt;) 5、对于翻屏...

    详解vue.js之绑定class和style的示例代码

    语法:&lt;div v-bind:class=”{&gt;&lt;/div&gt;。class后面的双引号里接受一个对象字面量/对象引用/数组作为参数, 这里,{active: isActive}是对象参数,active是class名,isActive是一个布尔值。下面是一个例子: 绑定对象...

Global site tag (gtag.js) - Google Analytics