1,Overflow内容溢出时的设置
overflow 水平及垂直方向内容溢出时的设置
overflow-x 水平方向内容溢出时的设置
overflow-y 垂直方向内容溢出时的设置
以上三个属性设置的值为visible、scroll、hidden、auto
visible 默认值。使用该值时，无论设置的"width"和"height"的值是多少，其中的内容无论是否超出范围都将被强制显示。
hidden 效果与visible相反。任何超出"width"和"height"的内容都会不可见。
scroll 无论内容是否超越范围，都将显示滚动条。
auto 当内容超出范围时，显示滚动条，否则不显示。
应用:
没有水平滚动条:
<div style="overflow-x:hidden">test</div>
没有垂直滚动条
<div style="overflow-y:hidden">test</div>
没有滚动条
<div style="overflow-x:hidden;overflow-y:hidden" 或style="overflow:hidden">test</div>
自动显示滚动条
<div style="height:100px;width:100px;overflow:auto;">test</div>
2,自己定义滚动条的颜色
我们一般默认的滚动条样式如下左图,右图是放大了1600倍的样子,我们可以看到滚动条有几种言责组合的,我给他们标了7个号,分别注释在下面的css代码的后面了,注意css的注释代码是放在两个斜杠内的两个星号之间,如:/*这里放注释的代码*/
Body {
scrollbar-arrow-color: #f4ae21; /*图6,三角箭头的颜色*/
scrollbar-face-color: #333; /*图5,立体滚动条的颜色*/
scrollbar-3dlight-color: #666; /*图1,立体滚动条亮边的颜色*/
scrollbar-highlight-color: #666; /*图2,滚动条空白部分的颜色*/
scrollbar-shadow-color: #999; /*图3,立体滚动条阴影的颜色*/
scrollbar-darkshadow-color: #666; /*图4,立体滚动条强阴影的颜色*/
scrollbar-track-color: #666; /*图7,立体滚动条背景颜色*/
scrollbar-base-color:#f8f8f8; /*滚动条的基本颜色*/
Cursor:url(mouse.cur); /*自定义个性鼠标*/
}
以上2项适用与<body>、<div>、<textarea>、<iframe>
分享到：
相关推荐
滚动条样式主要涉及到如下overflow属性: overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容，其用到的表现形式和值有以下几种 overflow: auto; 在需要时内容会自动添加滚动条 overflow: ...
overflow为溢出（容器），当内容超出容器时只需添加overflow属性值为hidden， 就可以把超出容器的部分隐藏起来； 如果内容超出容器却又不想其隐藏时可以将其属性值设置为auto； overflow：auto 属性如果超出就出现...
通过使用 CSS 的 overflow 属性，我们可以确保圣诞树在不同设备和屏幕尺寸上都能完美显示，而不会被裁剪或破坏。这不仅增强了用户的体验，也保持了页面的整洁和布局的完整性。此外，通过添加装饰和使用媒体查询，...
在本案例中，“overflow属性的使用小例子”将展示如何运用`overflow`属性来实现不同的视觉效果。 `overflow`属性主要有以下几个值： 1. `visible`：这是默认值，表示内容可以超出元素的边框，不会出现滚动条。 2. ...
CSS 浮动属性 Float 详解 CSS 浮动属性 Float 是一种重要的定位属性，允许页面元素浮动在其他元素旁边。Float 属性可以取四个值：Left、Right、None 和 Inherit。其中，Left 和 Right 分别浮动元素到左边和右边，...
1. **盒模型属性**：包括`box-sizing`改变盒模型的行为，`outline`定义元素轮廓，以及`overflow`处理溢出内容。 2. **过渡和动画**：`transition`定义元素在不同状态间的平滑过渡，`animation`允许创建复杂的动画...
本篇将详细阐述CSS3中的关键知识点，包括动画属性、边框属性、背景属性以及其他的样式属性。 **CSS3动画属性**允许开发者创建复杂的动态效果。`@keyframes` 规定了一个动画的帧，定义了从一种样式到另一种样式的...
在CSS中，`text-overflow`属性是用来处理文本溢出情况的一个重要工具，尤其是当文本在有限的容器内无法完全显示时。这个属性通常与`overflow`和`white-space`属性一起使用，来实现文本的截断和省略。本文将深入探讨`...
CSS overflow-wrap 属性其实就是以前的 word-wrap 属性，MDN现在直接把 word-wrap 的文档页跳转到 overflow-wrap 属性的文档页了。 由于 overflow-wrap 属性IE浏览器不支持，而其他现代浏览器依然支持老的 word-wrap...
CSS 属性查询以及用法 CSS 属性查询是指在 HTML 标记语言中使用的样式表语言 CSS 的各种属性的查询和使用方法。该查询包含了绝大多数常用的 HTML 标签，以及其对应的属性和用法。 字体属性（Font） * font-...
CSS3 常用属性大全 CSS3 是 Cascading Style Sheets（层叠样式表）的第三个版本，是一种用于描述网页样式的语言。它对CSS2进行了扩展，添加了一些新的特性和功能。本文档总结了 CSS3 中的常用属性，涵盖了动画、...
在网页设计与开发中，CSS（层叠样式表）作为控制HTML元素布局与样式的强大工具，其提供的诸多属性中，`overflow` 属性对于控制元素内内容的显示方式具有重要作用。其中，`overflow: hidden` 是一个非常实用且常见的...
下面我们将深入探讨在描述中提到的一些常用CSS属性。 字体属性： `font-size` 用于定义字体的大小，可以使用像素（PX）或其他相对单位如em、rem等。例如：`font-size: 16px;`。 `line-height` 设置行高，同样可以...
1. **CSS中的overflow属性** CSS的`overflow`属性允许我们指定当内容溢出其容器时的行为。主要的值有`visible`（默认值，内容会溢出容器）、`hidden`（隐藏溢出内容，不显示）、`scroll`（显示滚动条以便查看所有...
CSS中关于溢出隐藏的知识点包含了多个方面，具体包括overflow属性的使用、其各个值的含义、以及如何优雅地处理内容溢出的情况。 首先，CSS中的overflow属性是用于控制元素溢出内容的显示方式。这个属性可以指定当...
为了解决这个问题，我们可以使用CSS的`overflow`属性来清除浮动，而无需依赖传统的`clear:both`方法。 `overflow`属性在CSS中主要用于控制内容溢出元素边界时的行为。当设置为`overflow:auto`或`overflow:hidden`时...