| Classe | definisce | |
|---|
| w3-container | Contenitore per il contenuto HTML (aggiunge 16px padding a destra ea sinistra) | Provalo |
| Utilizzato con le classi di colore | Provalo |
| Usato come intestazione | Provalo |
| Usato come piè di pagina | Provalo |
| Utilizzato con w3-leftbar | Provalo |
| Utilizzato con w3-bottombar | Provalo |
| w3-sezione | Contenitore per il contenuto HTML (aggiunge in alto 16px margine e in basso) | Provalo |
| w3-distintivo | Distintivo circolare 8 | Provalo |
| w3-tag | Tag rettangolare più tardi! | Provalo |
| w3-ul | Lista non ordinata | Provalo |
| w3-display-container | Contenitore per le classi W3-display- (posizionare un elemento in alto a sinistra, in alto a destra, in basso a sinistra o in basso a destra, o nel mezzo del contenitore) | Provalo |
| w3-image | Deprecato. Utilizzare w3-display-contenitore, invece. | Provalo |
| w3-blockquote | Rimosso a 2.0 (uso w3-leftbar invece) | Provalo |
| w3-code | contenitore Codice | Provalo |
| w3-progress-container | contenitore Barra di avanzamento | Provalo |
| Classe | definisce | |
|---|
| w3-fila | Contenitore per una riga di contenuti reattivo liquido | Provalo |
| w3-row-padding | Riga in cui tutte le colonne hanno una imbottitura di default | Provalo |
| w3-content | Contenitore per contenuti fissi dimensioni centrato | Provalo |
| | |
|
| w3-mezzo | La metà del contenitore della colonna dello schermo (1/2) | Provalo |
| w3 terzo | Terzo contenitore della colonna dello schermo (1/3) | Provalo |
| w3-twothird | Due terzo contenitore della colonna dello schermo (2/3) | Provalo |
| w3 trimestre | Quarto contenitore della colonna dello schermo (1/4) | Provalo |
| w3-tre quarti | Tre quarti contenitore colonna dello schermo (3/4) | Provalo |
| w3-Col | contenitore Colonna per qualsiasi contenuto HTML | Provalo |
| | |
| L1 - L12 | dimensioni reattivo per grandi schermi | Provalo |
| m1 - m12 | dimensioni Responsive per schermi di medie | Provalo |
| S1 - s12 | dimensioni reattivo per piccoli schermi | Provalo |
| | |
|
| w3-nascondere-piccole | Nascondi contenuti su schermi di piccole dimensioni (meno di 601px) | Provalo |
| w3-nascondere-media | Hide contenuti su schermi di media | Provalo |
| w3-nasconde-large | Nascondi contenuti su schermi di grandi dimensioni (più grande di 992px) | Provalo |
| Classe | definisce | |
|---|
| w3-navbar | Barra di navigazione | Provalo |
| barra di navigazione pieghevole | Provalo |
| w3-topnav | Top barra di navigazione | Provalo |
| w3-sidenav | barra di navigazione laterale | Provalo |
| barra di navigazione laterale sovrapponendo contenuto principale | Provalo |
| barra di navigazione laterale sovrapponendo tutti i contenuti principali | Provalo |
| barra di navigazione laterale spostando il contenuto principale a destra | Provalo |
| barra di navigazione laterale con un background di sovrapposizione | Provalo |
| w3-crollo | navigazione laterale reattivo completamente automatica | Provalo |
| w3-dropnav | navigazione discesa | Provalo |
| w3-discesa-click | Elemento discesa cliccabile | Provalo |
| w3-discesa-hover | Elemento discesa Hoverable | Provalo |
| Elemento discesa Hoverable (usato in w3-barra di navigazione) | Provalo |
| Elemento discesa Hoverable (usato in w3-sidenav) | Provalo |
| Elemento discesa Hoverable (usato in w3-topnav) | Provalo |
| w3-accordion | Nascondere e mostrare contenuti pieghevole | Provalo |
| fisarmonica cliccabile e discesa utilizzato in w3-sidenav | Provalo |
| w3-pagination | link di paginazione | Provalo |
| Classe | definisce | |
|---|
| w3-tiny | Specifica una dimensione del carattere di 10 pixel | Provalo |
| w3-piccole | Specifica una dimensione del carattere di 12 pixel | Provalo |
| w3-large | Specifica una dimensione del carattere di 20 pixel | Provalo |
| w3-XLarge | Specifica una dimensione del carattere di 24 pixel | Provalo |
| w3-XXLarge | Specifica una dimensione del carattere di 32 pixel | Provalo |
| w3-XXXLarge | Specifica una dimensione del carattere di 48 pixel | Provalo |
| w3-jumbo | Specifica una dimensione del carattere di 64 pixel | Provalo |
| w3-sottile | Specifica un testo più snello | Provalo |
| w3-wide | Specifica un testo più ampio | Provalo |
| w3-verticale | Specifica testo verticale | Provalo |
| w3-top | contenuto fisso sulla parte superiore della pagina | Provalo |
| w3-center | contenuti centrato | Provalo |
| w3-cerchio | contenuti cerchiato | Provalo |
| w3-pelle | contenuti nascosti (display: none) | Provalo |
| w3-spettacolo | Mostra contenuto (display: block) | Provalo |
| w3-show-block | Alias di w3-spettacolo (display: block) | Provalo |
| w3-show-inline-block | Mostra contenuto come inline-block (display: inline-block) | Provalo |
| w3-nascondere-piccole | Nascondi contenuti su schermi di piccole dimensioni (meno di 601px) | Provalo |
| w3-nascondere-media | Hide contenuti su schermi di media | Provalo |
| w3-nasconde-large | Nascondi contenuti su schermi di grandi dimensioni (più grande di 992px) | Provalo |
| w3-sinistra | il contenuto alterato sinistra | Provalo |
| w3-destra | il contenuto alterato destro | Provalo |
| w3-left-align | testo allineato a sinistra | Provalo |
| w3-destra-align | testo allineato a destra | Provalo |
| w3-giustificare | Destra e testo allineato a sinistra | Provalo |
| w3-display-container | Contenitore per w3-display- classi (position: relative) | Provalo |
| w3-display-topleft | contenuti Posizione nell'angolo in alto a sinistra | Provalo |
| w3-display-topright | contenuti Posizione nell'angolo in alto a destra | Provalo |
| w3-display-bottomleft | contenuti Posizione nell'angolo in basso a sinistra | Provalo |
| w3-display-bottomright | contenuti Posizione nell'angolo in basso a destra | Provalo |
| w3-display-middle | contenuti Posizionare al centro (orizzontale e verticale) | Provalo |
| w3-display-topmiddle | contenuti Posizione nel centro del lato superiore dell'elemento | Provalo |
| w3-display-bottommiddle | contenuti Posizione nel centro del lato inferiore dell'elemento | Provalo |
| w3-serif | Cambia il tipo di carattere serif | Provalo |
| w3-opacità | Aggiunge opacità al testo | Provalo |
| Aggiunge l'opacità a qualsiasi elemento | Provalo |
| w3-overlay | Crea un effetto di sovrapposizione | Provalo |
| w3-text-shadow | Aggiunge ombre al testo | Provalo |
| Classe | definisce | |
|---|
| w3-rosso | Sfondo rosso | Provalo |
| w3-pink | Sfondo di colore rosa, | Provalo |
| w3-viola | Colore di sfondo viola | Provalo |
| w3-deep-purple | Colore di sfondo viola scuro | Provalo |
| w3-indigo | Sfondo di colore indaco | Provalo |
| w3-blu | colore blu di sfondo | Provalo |
| w3-azzurro | Sfondo colore azzurro | Provalo |
| w3-ciano | ciano colore di sfondo | Provalo |
| w3-acqua | Colore sfondo aqua | Provalo |
| w3-verde acqua | Sfondo di colore verde acqua | Provalo |
| w3-verde | Sfondo verde | Provalo |
| w3-verde chiaro | Sfondo luce di colore verde | Provalo |
| w3-lime | Sfondo di colore della calce | Provalo |
| w3-sabbia | Background color sabbia | Provalo |
| w3-khaki | Sfondo di colore kaki | Provalo |
| w3-gialla | colore di fondo giallo | Provalo |
| w3-ambra | Sfondo colore ambrato | Provalo |
| w3-arancio | Sfondo colore arancione | Provalo |
| w3-deep-arancio | Sfondo di colore arancio intenso | Provalo |
| w3-blu-grigio | Sfondo di colore blu grigio | Provalo |
| w3-marrone | Sfondo di colore marrone | Provalo |
| w3-grigio chiaro | Sfondo di colore grigio chiaro | Provalo |
| w3-grigio | Sfondo grigio | Provalo |
| w3-grigio scuro | Sfondo di colore grigio scuro | Provalo |
| w3-nero | Sfondo nero | Provalo |
| w3-pale-rosso | Sfondo di colore rosso chiaro | Provalo |
| w3-giallo pallido | Colore di sfondo giallo pallido | Provalo |
| w3-verde pallido | Sfondo di colore verde pallido | Provalo |
| w3-azzurro pallido | Sfondo di colore azzurro pallido | Provalo |
| w3-trasparente | Trasparente background-color | |
| Classe | definisce | |
|---|
| w3-hover-bianco | colore bianco al passaggio del mouse | Provalo |
| w3-hover-nero | Hover colore nero | Provalo |
| w3-hover-rosso | Hover colore rosso | Provalo |
| w3-hover-blu | colore blu al passaggio del mouse | Provalo |
| w3-hover-verde | Hover colore verde | Provalo |
| w3-hover-acqua | Hover colore aqua | Provalo |
| w3-hover-arancio | colore arancione al passaggio del mouse | Provalo |
| w3-hover-grigio | colore grigio al passaggio del mouse | Provalo |
| w3-hover-verde pallido | Hover colore verde pallido | Provalo |
| | |
| w3-hover-text-rosso | Passa il testo di colore rosso | Provalo |
| w3-hover-text-rosso | Passa il testo di colore blu | Provalo |
| w3-hover-text-verde | Passa il testo di colore verde | Provalo |
| w3-hover-text-viola | Hover colore del testo viola | Provalo |
| | |
| w3-hover-border-color | colore del bordo al passaggio del mouse | Provalo |
| | |
| w3-hover-opacità | Aggiunge la trasparenza ad un elemento al passaggio del mouse (60% di opacità) | Provalo |
| w3-hover-ombra | Aggiunge un'ombra ad un elemento al passaggio del mouse | Provalo |
| w3-hover-none | Rimuove gli effetti al passaggio del mouse da un elemento | Provalo |
| Classe | definisce | |
|---|
| w3-padding-0 | Rimuove tutte le imbottiture da un elemento | Provalo |
| w3-padding | Padding superiore 8px e inferiore, e 16px a sinistra ea destra. | Provalo |
| w3-padding-tiny | Padding superiore 2px e inferiore, e 4px a destra ea sinistra. | Provalo |
| w3-padding-piccole | Padding superiore 4px e inferiore, e 8px a destra ea sinistra. | Provalo |
| w3-padding-media | Padding superiore 8px e inferiore, e 16px a sinistra ea destra. | Provalo |
| w3-padding-large | Padding superiore e inferiore 12px, e 24px a sinistra ea destra. | Provalo |
| w3-padding-XLarge | Padding superiore e inferiore 16px, e 32px a sinistra ea destra. | Provalo |
| w3-padding-XXLarge | Padding superiore e inferiore 24px, e 48px a sinistra ea destra. | Provalo |
| w3-padding-jumbo | Padding superiore e inferiore 32px, e 64px a sinistra ea destra. | Provalo |
| w3-padding-top | Padding superiore 8px | Provalo |
| w3-padding-right | Imbottitura 16px a destra | Provalo |
| w3-padding-bottom | Padding inferiore 8px | Provalo |
| w3-padding-left | Imbottitura 16px a sinistra | Provalo |
| w3-padding-Hor-4 | Padding superiore e inferiore 4px | Provalo |
| w3-padding-Hor-8 | Padding superiore e inferiore 8px | Provalo |
| w3-padding-Hor-12 | Padding superiore e inferiore 12px | Provalo |
| w3-padding-Hor-16 | Padding superiore e inferiore 16px | Provalo |
| w3-padding-Hor-24 | Padding superiore e inferiore 24px | Provalo |
| w3-padding-Hor-32 | Padding superiore e inferiore 32px | Provalo |
| w3-padding-Hor-48 | Padding superiore e inferiore 48px | Provalo |
| w3-padding-Hor-64 | Padding superiore e inferiore 64px | Provalo |
| w3-padding-Hor-128 | Imbottitura 128px alto e in basso | Provalo |
| w3-padding-ver-4 | Imbottitura 4px a destra ea sinistra. | Provalo |
| w3-padding-ver-8 | Imbottitura 8px a destra ea sinistra. | Provalo |
| w3-padding-ver-16 | Imbottitura 16px a sinistra ea destra. | Provalo |
| w3-padding-ver-24 | Imbottitura 24px a sinistra ea destra. | Provalo |
| w3-padding-ver-32 | Imbottitura 32px a sinistra ea destra. | Provalo |
| w3-padding-ver-48 | Imbottitura 48px a sinistra ea destra. | Provalo |
| w3-padding-ver-64 | Imbottitura 64px a sinistra ea destra. | Provalo |