Rumah > hujung hadapan web > tutorial css > css visibility属性怎么用

css visibility属性怎么用

silencement
Lepaskan: 2019-05-26 14:54:15
asal
5137 orang telah melayarinya

css visibility属性怎么用

visibility属性定义及用法

在css中,visibility属性是用来定义一个元素是否是可见的,该属性定义的不可见元素也会占据页面的空间。如果要定义一个不占据页面空间的不可见元素,可以使用display属性来实现(两个属性的区别:display和visibility属性的用法)。

visibility属性值

visible:元素可见(默认值)

hidden:元素不可见,被隐藏

collapse:用在表格元素时,会删除一行或一列,不会影响表格的布局;用在其他的元素上时,和hidden一样

inherit:从父元素继承visibility属性的值。

语法格式:

visibility:visible / hidden / collapse / inherit

一、visibility:visible;详情

visible:visible属性值定义的元素是可见显示的,是默认的属性值。

二:visibility:hidden;详情

hidden:hidden属性值定义的元素是不可见不显示的,但是元素还会占据原有的空间。

三、visibility:collapse;详情

collapse:collapse属性值定义不同的元素有不同的效果。

用在表格元素时:会删除一行或一列,不会影响表格的布局;

用在非表格元素上时:和hidden属性值的效果一样;

四:visibility:inherit;详情

inherit:inherit属性值定义的元素会继承父元素的visibility属性值,就是父元素的visibility属性值是什么,该元素的visibility属性值就是什么。

Atas ialah kandungan terperinci css visibility属性怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan