| Clasă | defineste | |
|---|
| w3-container | Recipient pentru conținut HTML (adds 16px padding left and right) la (adds 16px padding left and right) la (adds 16px padding left and right) | Incearca-l |
| Folosit cu clase de culoare | Incearca-l |
| Folosit ca antet | Incearca-l |
| Folosit ca subsol | Incearca-l |
| Folosit cu W3-leftbar | Incearca-l |
| Folosit cu W3-bottombar | Incearca-l |
| W3-secțiune | Recipient pentru conținut HTML (adds 16px margin top and bottom) de (adds 16px margin top and bottom) de (adds 16px margin top and bottom) | Incearca-l |
| W3-insignă | Insignă circular 8 | Incearca-l |
| W3-tag | Tag - ul dreptunghiular Mai târziu! | Incearca-l |
| W3-ul | Lista neordonata | Incearca-l |
| w3-display-container | Container pentru clasele W3-Display- (position an element in the top left, top right, bottom left or the bottom right corner, or in the middle of the container) din (position an element in the top left, top right, bottom left or the bottom right corner, or in the middle of the container) | Incearca-l |
| W3-image | Depreciată. Utilizați W3-display-container în loc. | Incearca-l |
| W3-blockquote | Eliminat în 2.0 (use w3-leftbar instead) în (use w3-leftbar instead) | Incearca-l |
| W3-cod | container Cod | Incearca-l |
| w3-progress-container | Bara de progres container | Incearca-l |
| Clasă | defineste | |
|---|
| w3-rând | Container pentru un singur rând de conținut receptiv de fluid | Incearca-l |
| w3-rând-padding | Rând în cazul în care toate coloanele au o căptușeală prestabilită | Incearca-l |
| W3 conținut | Recipient pentru conținut dimensiune centrat fix | Incearca-l |
| | |
|
| w3 jumătate | Jumătate (1/2) container coloană ecran | Incearca-l |
| W3-a treia | A treia (1/3) container coloană ecran | Incearca-l |
| W3-twothird | Două treimi (2/3) container coloană ecran | Incearca-l |
| W3 trimestru | Sfert (1/4) container coloană ecran | Incearca-l |
| W3-threequarter | Trei sferturi (3/4) container coloană ecran | Incearca-l |
| W3-col | container Coloana pentru orice conținut HTML | Incearca-l |
| | |
| l1 - l12 | Dimensiunile responsive pentru ecrane de mari dimensiuni | Incearca-l |
| m1 - M12 | Dimensiuni adaptabile pentru ecrane medii | Incearca-l |
| s1 - S12 | Dimensiunile responsive pentru ecrane mici | Incearca-l |
| | |
|
| W3-ascunde-mici | Ascundeți conținutul pe ecrane mici (less than 601px) de (less than 601px) | Incearca-l |
| W3-ascunde-mediu | Ascundeți conținutul pe ecrane medii | Incearca-l |
| W3-ascunde-mare | Ascundeți conținutul de pe ecrane mari (larger than 992px) | Incearca-l |
| Clasă | defineste | |
|---|
| W3-navbar | Bară de navigare | Incearca-l |
| Bara de navigare pliabilă | Incearca-l |
| W3-topnav | Bara de navigare Sus | Incearca-l |
| W3-sidenav | bara de navigare laterală | Incearca-l |
| bara de navigare laterală suprapunând conținutul principal | Incearca-l |
| bara laterală de navigare suprapunând tot conținutul principal | Incearca-l |
| bara laterală de navigare deplasarea conținutul principal spre dreapta | Incearca-l |
| bara laterală de navigare cu un fundal de suprapunere | Incearca-l |
| W3-colaps | navigare laterală receptiv complet automată | Incearca-l |
| W3-dropnav | navigare dropdown | Incearca-l |
| W3-drop-down-clic | Element drop-down poate da clic | Incearca-l |
| W3-drop-down-Hover | Element drop-down Hoverable | Incearca-l |
| Element vertical Hoverable (used in w3-navbar) | Incearca-l |
| Element vertical Hoverable (used in w3-sidenav) | Incearca-l |
| Element vertical Hoverable (used in w3-topnav) | Incearca-l |
| W3-acordeon | Ascunde și afișa conținut pliabil | Incearca-l |
| acordeon clickable și dropdown folosite în w3-sidenav | Incearca-l |
| W3-paginare | Link-uri paginare | Incearca-l |
| Clasă | defineste | |
|---|
| W3-top-animate | Animă un element din -300px de sus pentru a 0px | Incearca-l |
| W3-animate stânga | Animă un element de la stânga la -300px 0px | Incearca-l |
| w3-bottom insufletit | Animă un element din -300px de jos pentru a 0px | Incearca-l |
| W3-dreapta-animate | Animă un element de la dreapta la -300px 0px | Incearca-l |
| w3-insufletit-opacitate | Animă opacitatea unui element la 0 la 1 | Incearca-l |
| W3-zoom-animate | Animă un element la 0 la 100% în mărime | Incearca-l |
| W3-anima-fading | Animă opacitatea unui element de la 0 la 1 și 1 la 0 (fades in AND out) | Incearca-l |
| W3 spin- | Spin o pictogramă de 360 de grade | Incearca-l |
| Spin orice element de 360 de grade | Incearca-l |
| w3-insufletit-input | Animă lățimea unui câmp de intrare la 100% | Incearca-l |
| Clasă | defineste | |
|---|
| W3-tiny | Specifică dimensiunea de 10 pixeli | Incearca-l |
| W3-mici | Specifică dimensiunea de 12 pixeli | Incearca-l |
| W3-mare | Specifică dimensiunea de 20 pixeli | Incearca-l |
| W3-XLARGE | Specifică dimensiunea de 24 pixeli | Incearca-l |
| W3-xxlarge | Specifică o dimensiune de font de 32 de pixeli | Incearca-l |
| W3-xxxlarge | Specifică dimensiunea de 48 pixeli | Incearca-l |
| W3-jumbo | Specifică dimensiunea de 64 pixeli | Incearca-l |
| W3-slim | Specifică un text mai suplu | Incearca-l |
| w3 la nivel | Specifică un text mai larg | Incearca-l |
| w3-vertical | Specifică textul vertical | Incearca-l |
| W3-top | conținut fix pe partea de sus a paginii | Incearca-l |
| W3-centru | conţinutul Centrat | Incearca-l |
| w3-cerc | conţinutul încercuite | Incearca-l |
| W3-ascunde | Conținut ascuns (display:none) | Incearca-l |
| W3-show- | Afișează conținut (display:block) | Incearca-l |
| w3-show-block | Alias w3-show (display:block) | Incearca-l |
| w3-show-inline-block | Arată ca și conținut inline-bloc (display:inline-block) | Incearca-l |
| W3-ascunde-mici | Ascundeți conținutul pe ecrane mici (less than 601px) de (less than 601px) | Incearca-l |
| W3-ascunde-mediu | Ascundeți conținutul pe ecrane medii | Incearca-l |
| W3-ascunde-mare | Ascundeți conținutul de pe ecrane mari (larger than 992px) | Incearca-l |
| W3 stânga | Conținutul ajustat pe stânga | Incearca-l |
| W3-dreapta | Conținutul ajustat pe dreapta | Incearca-l |
| W3-stânga-align | Stânga textului aliniat | Incearca-l |
| W3-dreapta-align | Textul aliniat dreapta | Incearca-l |
| W3-justifică | Dreapta și text aliniat la stânga | Incearca-l |
| w3-display-container | Container pentru clasele-W3 Display- (position: relative) | Incearca-l |
| w3-display-topleft | Conținutul Poziția în colțul din stânga sus | Incearca-l |
| w3-display-topright | Conținutul Poziția în colțul din dreapta sus | Incearca-l |
| w3-display-bottomleft | Conținutul Poziția în colțul din stânga jos | Incearca-l |
| w3-display-bottomright | Conținutul Poziția în colțul din dreapta jos | Incearca-l |
| W3-display-mijloc | Conținutul Poziția în mijloc (horizontally and vertically) | Incearca-l |
| w3-display-topmiddle | Conținutul Poziția în mijloc în partea de sus a elementului | Incearca-l |
| w3-display-bottommiddle | Conținutul Poziția în mijloc în partea de jos a elementului | Incearca-l |
| W3-serif | Schimbă fontul Serif | Incearca-l |
| w3-opacitate | Adaugă opacitatea textului | Incearca-l |
| Adaugă opacitate la orice element | Incearca-l |
| W3-suprapunere | Creează un efect de suprapunere | Incearca-l |
| W3-text-shadow | Adaugă umbre la text | Incearca-l |
| Clasă | defineste | |
|---|
| w3-padding-0 | Elimină toate padding dintr-un element de | Incearca-l |
| W3-padding | Padding 8px de sus și de jos, și 16px stânga și dreapta. | Incearca-l |
| W3-padding-tiny | Padding 2px de sus și de jos, și 4px stânga și dreapta. | Incearca-l |
| W3-padding-mici | Padding 4px sus și de jos, și 8px stânga și dreapta. | Incearca-l |
| w3-padding-mediu | Padding 8px de sus și de jos, și 16px stânga și dreapta. | Incearca-l |
| W3-padding-mare | Padding 12px de sus și de jos, și 24px stânga și dreapta. | Incearca-l |
| W3-padding-XLARGE | Padding 16px de sus și de jos, și 32px stânga și dreapta. | Incearca-l |
| W3-padding-xxlarge | Padding 24px de sus și de jos, și 48px stânga și dreapta. | Incearca-l |
| W3-padding-jumbo | Padding 32px de sus și de jos, și 64px stânga și dreapta. | Incearca-l |
| W3-padding-top | Umplere top 8px | Incearca-l |
| W3-padding-dreapta | Capitonare 16px dreapta | Incearca-l |
| w3-padding-bottom | Umplere 8px jos | Incearca-l |
| W3-padding-left | Umplere 16px din stânga | Incearca-l |
| w3-padding-Hor-4 | Padding 4px sus și de jos | Incearca-l |
| w3-padding-Hor-8 | Padding 8px sus și de jos | Incearca-l |
| w3-padding-Hor-12 | Padding 12px sus și de jos | Incearca-l |
| w3-padding-Hor-16 | Padding 16px sus și de jos | Incearca-l |
| w3-padding-Hor-24 | Padding 24px sus și de jos | Incearca-l |
| w3-padding-Hor-32 | Padding 32px sus și de jos | Incearca-l |
| w3-padding-Hor-48 | Padding 48px sus și de jos | Incearca-l |
| w3-padding-Hor-64 | Padding 64px sus și de jos | Incearca-l |
| W3-padding-Hor-128 | Padding 128px sus și de jos | Incearca-l |
| w3-padding-ver-4 | Padding 4px la stânga și la dreapta. | Incearca-l |
| w3-padding-ver-8 | Padding 8px la stânga și la dreapta. | Incearca-l |
| w3-padding-ver-16 | Padding 16px stânga și la dreapta. | Incearca-l |
| w3-padding-ver-24 | Padding 24px stânga și la dreapta. | Incearca-l |
| w3-padding-ver-32 | Padding 32px stânga și la dreapta. | Incearca-l |
| w3-padding-ver-48 | Padding 48px stânga și la dreapta. | Incearca-l |
| w3-padding-ver-64 | Padding 64px stânga și la dreapta. | Incearca-l |