Rumah > Artikel > hujung hadapan web > Menggunakan sifat keterlihatan CSS

Menggunakan sifat keterlihatan CSS

PHPzke hadapan: 2023-08-28 18:45:021029semak imbas

CSS 可见性属性的使用

Hartanah yang dipanggil "Keterlihatan" membolehkan anda menyembunyikan elemen daripada pandangan. Anda boleh menggunakan sifat ini dengan JavaScript untuk mencipta menu yang sangat kompleks dan reka letak halaman web yang sangat kompleks.

Atribut keterlihatan boleh mengambil nilai yang disenaraikan dalam jadual di bawah

sembunyikan #🎜🎜🎜 #kotak itu kelihatan di dalam dan kandungannya. ia masih menjejaskan reka letak halaman. 🎜🎜🎜 hanya berfungsi dengan lajur s baris ini Kesan. Anda boleh cuba jalankan # kod berikut untuk memahami cara menggunakan kod berikut 🎜🎜 #kelihatan dan tersembunyi

nilai#🎜 🎜##🎜 Penerangan 🎜# Menunjukkan kotak dan kandungannya kepada pengguna.
	Rubuh
	Contoh
nilai <html> <head> <style> p { visibility: hidden; } </style> </head> <body> <p style = "visibility:visible;"> This paragraph is visible. </p> <p> This paragraph won't be visible. </p> </body> </html>

nilai#🎜 🎜##🎜 Penerangan 🎜#

Menunjukkan kotak dan kandungannya kepada pengguna.

Rubuh

Contoh

nilai

<html>
   <head>
      <style>
         p {
            visibility: hidden;
         }
      </style>
   </head>
   <body>
      <p style = "visibility:visible;">
         This paragraph is visible.
      </p>
      <p>
         This paragraph won&#39;t be visible.
      </p>
   </body>
</html>

Atas ialah kandungan terperinci Menggunakan sifat keterlihatan CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript css td

Kenyataan：

Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam

Artikel sebelumnya：Gunakan CSS untuk mencapai kesan animasi yang melantunArtikel seterusnya：Gunakan CSS untuk mencapai kesan animasi yang melantun

Artikel berkaitan

Lihat lagi