Jump to content
Üyelik kaydınızı yaparak son yazılan içeriklerden haberdar olun! ×

CSS

  • entries
    53
  • comments
    0
  • views
    1,341

CSS visibility özelliği ve TailwindCSS Sınıf Karşılığı


Doğuhan ELMA

51 views

visibility CSS özelliği, bir öğenin görünür olup olmadığını belirler. Bu özellik, öğeleri görünmez yaparak yerlerini korumalarını sağlar; yani, bir öğe visibility: hidden; ile gizlendiğinde, sayfa düzeninden çıkarılmaz ve yer kaplamaya devam eder. Bu, display: none; ile karşılaştırıldığında önemli bir farktır, çünkü display: none; kullanıldığında öğe hem görünmez olur hem de düzenden tamamen çıkarılır, böylece arkasındaki öğeler onun yerini doldurabilir.

Kullanılabilir Değerler:

visible: Öğe görünür olur, bu varsayılan değerdir.

hidden: Öğe görünmez olur ancak sayfa düzenindeki yerini korur.

collapse: Bu değer, özellikle tablo satırları (<tr>), sütunları (<col>) ve sütun grupları (<colgroup>) için kullanılır. hidden ile benzer davranır, ancak tablolarda öğeyi ve onun yer kaplamasını tamamen kaldırır.

 

TailwindCSS:

Class
Properties
visible visibility: visible;
invisible visibility: hidden;
collapse visibility: collapse;

 

1.png

0 Comments


Recommended Comments

There are no comments to display.

Guest
Add a comment...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...