| Sınıf | tanımlar | |
|---|
| w3-konteyner | HTML içeriği için konteyner (adds 16px padding left and right) | Dene |
| renk sınıfları ile kullanılır | Dene |
| başlık olarak kullanılır | Dene |
| altbilgi olarak kullanılır | Dene |
| w3-leftbar ile kullanılır | Dene |
| w3-bottomBar ile kullanılır | Dene |
| w3 kesitli | HTML içeriği için konteyner (adds 16px margin top and bottom) | Dene |
| w3-rozeti | Dairesel rozeti 8 | Dene |
| w3-etiketi | Dikdörtgen etiketi Daha sonra! | Dene |
| w3-ül | Sırasız liste | Dene |
| w3-ekran-konteyner | W3-ekranı-sınıfları için bir kap (position an element in the top left, top right, bottom left or the bottom right corner, or in the middle of the container) | Dene |
| w3-görüntü | Kullanımdan kaldırıldı. yerine w3-display-kap kullanın. | Dene |
| w3-blockquote | 2.0 kaldırıldı (use w3-leftbar instead) | Dene |
| w3-kod | Kod konteyner | Dene |
| w3-ilerleme-konteyner | İlerleme çubuğu konteyner | Dene |
| Sınıf | tanımlar | |
|---|
| w3 sıralı | Sıvı duyarlı içeriğin bir satır için Konteyner | Dene |
| w3 sıralı dolgu | Tüm sütunlar varsayılan bir dolgu var Satır | Dene |
| w3-content | sabit boyutlu merkezli içerik Konteyner | Dene |
| | |
|
| w3 buçuk | Yarım (1/2) ekran kolon konteyner | Dene |
| w3 üçte | Üçüncü (1/3) ekran kolon konteyner | Dene |
| w3-twothird | İki üçüncü (2/3) ekran kolon konteyner | Dene |
| w3 çeyrek | Çeyrek (1/4) ekran kolon konteyner | Dene |
| w3-threequarter | Dörtte üçü (3/4) ekran kolon konteyner | Dene |
| w3-col | Herhangi bir HTML içeriği için Sütun konteyner | Dene |
| | |
| l1 - L12 | Büyük ekranlar için Duyarlı boyutları | Dene |
| m1 - m12 | Orta ekranlar için Duyarlı boyutları | Dene |
| s1 - s12 | küçük ekranlar için Duyarlı boyutları | Dene |
| | |
|
| w3 gizleme-küçük | Küçük ekranlarda gizle içeriği (less than 601px) | Dene |
| w3 gizleme orta | orta ekranlarda içeriği gizle | Dene |
| w3 gizleme-large | Büyük ekranlarda gizleme içeriği (larger than 992px) | Dene |
| Sınıf | tanımlar | |
|---|
| w3-navbar | Gezinti çubuğu | Dene |
| Katlanır gezinti çubuğu | Dene |
| w3-topnav | Üst gezinti çubuğu | Dene |
| w3-sidenav | Yan gezinti çubuğu | Dene |
| Ana içeriği ile yer paylaşımlı Yan gezinti çubuğu | Dene |
| Tüm ana içeriği ile yer paylaşımlı Yan gezinti çubuğu | Dene |
| sağa ana içerik değiştiriyor Yan gezinti çubuğu | Dene |
| bir bindirme geçmişi olan Yan gezinti çubuğu | Dene |
| w3-çöküş | Tam otomatik cevap veren yan gezinme | Dene |
| w3-dropnav | Açılan gezinti | Dene |
| w3-açılır-tık | Tıklanabilir açılan eleman | Dene |
| w3-açılır-gelme | Hoverable açılan elemanı | Dene |
| Hoverable açılır elemanın (used in w3-navbar) | Dene |
| Hoverable açılır elemanın (used in w3-sidenav) | Dene |
| Hoverable açılır elemanın (used in w3-topnav) | Dene |
| w3-akordeon | Gizleme ve katlanabilir içerik göstermek | Dene |
| w3-sidenav kullanılan Clickable akordeon ve açılan | Dene |
| w3 sayfalama | Sayfalara ayırma bağlantılar | Dene |
| Sınıf | tanımlar | |
|---|
| w3-hareketlendirmek üstü | 0px üst -300px bir eleman canlandırır | Dene |
| w3-hareketlendirmek sol | Sol -300px bir eleman 0px için animasyon | Dene |
| w3-hareketlendirmek dipli | 0px alt -300px bir eleman canlandırır | Dene |
| w3-hareketlendirmek sağ | Sağ -300px bir eleman 0px için canlandıran | Dene |
| w3-hareketlendirmek opasite | 0 ile 1 arasında bir elemanın opaklığını canlandırır | Dene |
| w3-hareketlendirmek-zoom | 0 ile boyut olarak% 100 bir elemanı hareket getirir | Dene |
| w3-hareketlendirmek solma | 0 0-1 ve 1 arasında bir eleman opaklığını animasyon (fades in AND out) | Dene |
| w3-Spin | Bir ikon 360 derece Spin | Dene |
| herhangi bir elemanı 360 derece Spin | Dene |
| w3-hareketlendirmek giriş | % 100, giriş alanının genişliği canlandırır | Dene |
| Sınıf | tanımlar | |
|---|
| w3-minik | 10 piksellik bir font boyutunu belirtir | Dene |
| w3-küçük | 12 piksellik bir font boyutunu belirtir | Dene |
| w3-large | 20 piksellik bir font boyutunu belirtir | Dene |
| w3-xlarge | 24 piksellik bir font boyutunu belirtir | Dene |
| w3-XXLarge | 32 piksellik bir font boyutunu belirtir | Dene |
| w3-xxxlarge | 48 piksellik bir font boyutunu belirtir | Dene |
| w3-jumbo | 64 piksellik bir font boyutunu belirtir | Dene |
| w3 ince | Bir ince metni belirtir | Dene |
| w3 çapında | Daha geniş bir metni belirtir | Dene |
| w3 dikey | Dikey metin belirtir | Dene |
| w3 üstü | sayfanın üst kısmında Sabit içerik | Dene |
| w3-merkez | ortalanmış içerik | Dene |
| w3 daire | Daire içinde içerik | Dene |
| w3 gizleme | Gizli içerik (display:none) | Dene |
| w3 gösterisi | Göster içeriği (display:block) | Dene |
| w3-göster-blok | W3-show ad (display:block) | Dene |
| w3-show sıralı blok | Inline-block olarak göster içeriği (display:inline-block) | Dene |
| w3 gizleme-küçük | Küçük ekranlarda gizle içeriği (less than 601px) | Dene |
| w3 gizleme orta | orta ekranlarda içeriği gizle | Dene |
| w3 gizleme-large | Büyük ekranlarda gizleme içeriği (larger than 992px) | Dene |
| w3-sol | Sol düzeltilmiş içerik | Dene |
| w3 sağ | Sağ düzeltilmiş içerik | Dene |
| w3-sol-align | Sol hizalanmış metin | Dene |
| w3 sağ-align | Sağ hizalanmış metin | Dene |
| w3-haklı | Sağ ve sol hizalanmış metin | Dene |
| w3-ekran-konteyner | W3-ekranı-sınıfları için bir kap (position: relative) | Dene |
| w3-ekran-topleft | Sol üst köşedeki pozisyonu içeriği | Dene |
| w3-ekran-topright | Sağ üst köşede pozisyonu içeriği | Dene |
| w3-ekran-bottomleft | sol alt köşede pozisyonu içeriği | Dene |
| w3-ekran-bottomright | Sağ alt köşedeki pozisyonu içeriği | Dene |
| w3-görüntülü-orta | Ortada pozisyonu içeriği (horizontally and vertically) | Dene |
| w3-ekran-topmiddle | elemanın üst kısmında ortada pozisyonu içeriği | Dene |
| w3-ekran-bottommiddle | öğesinin altında ortasında pozisyonu içeriği | Dene |
| w3-serif | serif yazı tipini değiştirir | Dene |
| w3 opasite | Metne saydamlığını ekler | Dene |
| herhangi bir eleman opaklık ekler | Dene |
| w3-bindirme | bir bindirme etkisi yaratır | Dene |
| w3-text-shadow | Metne gölge ekler | Dene |
| Sınıf | tanımlar | |
|---|
| w3 dolgu 0 | Bir elemanın tüm dolguyu kaldırır | Dene |
| w3-dolgu | Dolgu 8px üst ve alt ve 16px sol ve sağ. | Dene |
| w3-padding-minik | Dolgu 2px üst ve alt ve 4 piksel sol ve sağ. | Dene |
| w3-padding-küçük | Dolgu 4 piksel üst ve alt ve 8px sol ve sağ. | Dene |
| w3 dolgu orta | Dolgu 8px üst ve alt ve 16px sol ve sağ. | Dene |
| w3-padding-large | Dolgu 12px üst ve alt ve 24px sol ve sağ. | Dene |
| w3 dolgu xlarge | Dolgu 16px üst ve alt ve 32px sol ve sağ. | Dene |
| w3 dolgu XXLarge | Dolgu 24px üst ve alt ve 48px sol ve sağ. | Dene |
| w3 dolgu jumbo | Dolgu 32px üst ve alt ve 64px sol ve sağ. | Dene |
| w3-padding-top | Üst boşluk 8px | Dene |
| w3-padding-right | Sağ 16px doldurma | Dene |
| w3 dolgu dipli | Alt boşluk 8px | Dene |
| w3-padding-left | Dolgu sol 16px | Dene |
| w3 dolgu hor-4 | Dolgu 4 piksel üst ve alt | Dene |
| w3 dolgu hor-8 | Dolgu 8px üst ve alt | Dene |
| w3 dolgu hor-12 | Dolgu 12px üst ve alt | Dene |
| w3 dolgu hor-16 | Dolgu 16px üst ve alt | Dene |
| w3 dolgu hor-24 | Dolgu 24px üst ve alt | Dene |
| w3 dolgu hor-32 | Dolgu 32px üst ve alt | Dene |
| w3 dolgu hor-48 | Dolgu 48px üst ve alt | Dene |
| w3-padding-hor-64 | Dolgu 64px üst ve alt | Dene |
| w3 dolgu hor-128 | Dolgu 128px üst ve alt | Dene |
| w3 dolgu ver-4 | Dolgu 4 piksel sağa ve sola. | Dene |
| w3 dolgu ver-8 | Dolgu 8px sol ve sağ. | Dene |
| w3 dolgu ver-16 | Dolgu 16px sol ve sağ. | Dene |
| w3 dolgu ver-24 | Dolgu 24px sol ve sağ. | Dene |
| w3 dolgu ver-32 | Dolgu 32px sol ve sağ. | Dene |
| w3 dolgu ver-48 | Dolgu 48px sol ve sağ. | Dene |
| w3-padding-ver-64 | Dolgu 64px sol ve sağ. | Dene |