CSS visibility与display 属性
2016-02-16 17:24
411 查看
所有主流浏览器都支持 visibility 属性。
注释:任何的版本的 Internet Explorer (包括 IE8)都不支持 "inherit" 和 "collapse" 属性值。
display 属性来创建不占据页面空间的不可见元素。即使不可见的元素也不会占据页面上的空间。
注释:任何的版本的 Internet Explorer (包括 IE8)都不支持 "inherit" 和 "collapse" 属性值。
visibility 属性规定元素是否可见。即使不可见的元素也会占据页面上的空间。
display 属性来创建不占据页面空间的不可见元素。即使不可见的元素也不会占据页面上的空间。
这个属性指定是否显示一个元素生成的元素框。这意味着元素仍占据其本来的空间,不过可以完全不可见。值 collapse 在表中用于从表布局中删除列或行。
默认值: | visible |
---|---|
继承性: | yes |
版本: | CSS2 |
JavaScript 语法: | object.style.visibility="hidden" |
visibility可取的值
值 | 描述 |
---|---|
visible | 默认值。元素是可见的。 |
hidden | 元素是不可见的。 |
collapse | 当在表格元素中使用时,此值可删除一行或一列,但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上,会呈现为 "hidden"。 |
inherit | 规定应该从父元素继承 visibility 属性的值。 |
相关文章推荐
- 使用CSS mask实现图片斜线拼接效果
- webkit Safari的样式库
- css命名定义
- css 文本超出容器长度后自动省略的方法!
- ACE模板知识积累-CSS部分-2-color
- CSS“隐藏”元素的几种方法的对比
- CSS3 动画 思维导图
- 纯CSS实现小圆点和三角形图案
- [DevExpress]TreeList显示[+] [-] 线条样式
- css中body宽度的设定
- CSS对浏览器的兼容性常见处理方式小结
- ACE模板知识积累-CSS部分-1-.space
- LessCss
- CSS3 元素上下动
- CSS基础3——使用CSS格式化元素内容的字体
- CSS定位时margin-top与margin-bottom
- Dreamweaver 支持 scss 设置
- CSS定位属性
- CSS中bottom与margin-bottom的区别
- css样式学习笔记七