| Clase | define | |
|---|
| W3-contenedores | El contenido HTML (16px añade el relleno de izquierda a derecha) | Intentalo |
| Se utiliza con clases de colores | Intentalo |
| Se utiliza como cabecera | Intentalo |
| Se utiliza como pie de página | Intentalo |
| Se utiliza con w3-leftbar | Intentalo |
| Se utiliza con w3-Bottombar | Intentalo |
| w3 sección | El contenido HTML (16px añade la parte superior e inferior del margen) | Intentalo |
| W3-insignia | Placa circular 8 | Intentalo |
| W3-tag | Etiqueta rectangular Más tarde! | Intentalo |
| W3-ul | Lista desordenada | Intentalo |
| W3-display-contenedores | Recipiente para las clases de pantalla y el W3-(posición de un elemento en la parte superior izquierda, arriba a la derecha, abajo a la izquierda o la esquina inferior derecha, o en la mitad del recipiente) | Intentalo |
| W3-imagen | Obsoleto. Utilice w3-display-contenedor en su lugar. | Intentalo |
| W3-blockquote | Eliminado en 2.0 (uso w3-leftbar en su lugar) | Intentalo |
| w3-código | código de contenedores | Intentalo |
| W3-progreso-contenedores | contenedor de barra de progreso | Intentalo |
| Clase | define | |
|---|
| W3-fila | Contenedor para una fila de contenido sensible al fluido | Intentalo |
| W3-fila-padding | Fila en la que todas las columnas tienen un relleno por defecto | Intentalo |
| w3-contenido | Envase para el tamaño centrada contenido fijo | Intentalo |
| | |
|
| w3-media | La mitad de contenedores columna (1/2) Pantalla | Intentalo |
| w3-tercero | En tercer recipiente de columna (1/3) | Intentalo |
| W3-twothird | Dos tercer recipiente columna (2/3) Pantalla | Intentalo |
| W3 trimestre | Trimestre contenedor columna (1/4) Pantalla | Intentalo |
| W3-threequarter | Las tres cuartas partes de contenedores columna (3/4) Pantalla | Intentalo |
| W3-col | contenedor de columna para cualquier contenido HTML | Intentalo |
| | |
| L1 - L12 | tamaños adecuados para hacer pantallas de gran tamaño | Intentalo |
| m1 - m12 | tamaños adecuados para hacer pantallas medianas | Intentalo |
| S1 - S12 | tamaños adecuados para hacer pequeñas pantallas | Intentalo |
| | |
|
| W3-ocultar-pequeña | Ocultar el contenido en pantallas pequeñas (menos de 601px) | Intentalo |
| W3-ocultar-medio | Ocultar el contenido en pantallas medianas | Intentalo |
| W3-ocultar a gran | Ocultar el contenido en pantallas grandes (de más de 992px) | Intentalo |
| Clase | define | |
|---|
| W3-navbar | Barra de navegación | Intentalo |
| barra de navegación plegable | Intentalo |
| W3-topnav | Barra superior de navegación | Intentalo |
| W3-sidenav | barra de navegación lateral | Intentalo |
| Barra de navegación lateral superponiendo contenido principal | Intentalo |
| Barra de navegación lateral superponiendo todo el contenido principal | Intentalo |
| Barra de navegación lateral desplazando el contenido principal a la derecha | Intentalo |
| barra de navegación lateral con un fondo de la superposición | Intentalo |
| W3-colapso | navegación de la parte que responde totalmente automático | Intentalo |
| W3-dropnav | navegación desplegable | Intentalo |
| W3-desplegable y haga clic | elemento desplegable se puede hacer clic | Intentalo |
| W3-desplegable-libración | elemento desplegable Hoverable | Intentalo |
| elemento desplegable Hoverable (utilizado en w3-barra de navegación) | Intentalo |
| elemento desplegable Hoverable (utilizado en w3-sidenav) | Intentalo |
| elemento desplegable Hoverable (utilizado en w3-topnav) | Intentalo |
| W3-acordeón | Ocultar y mostrar el contenido plegable | Intentalo |
| hacer clic y acordeón desplegable utilizado en w3-sidenav | Intentalo |
| W3-paginación | enlaces de paginación | Intentalo |
| Clase | define | |
|---|
| W3-animado-top | Anima un elemento de la parte superior para -300px 0px | Intentalo |
| W3-animado-izquierda | El anime un elemento de -300px izquierda a 0px | Intentalo |
| W3-animado-inferior | Anima un elemento de la parte inferior para -300px 0px | Intentalo |
| W3-animado-derecha | El anime un elemento de -300px derecho a 0px | Intentalo |
| W3-animado-opacidad | Anima la opacidad de un elemento de 0 a 1 | Intentalo |
| W3-animado-zoom | Anima un elemento de 0 a 100% en el tamaño | Intentalo |
| W3-animado-fading | Anima la opacidad de un elemento de 0 a 1 y 1 a 0 (se desvanece dentro y fuera) | Intentalo |
| W3-spin | Girar 360 grados en un icono | Intentalo |
| Girar cualquier elemento 360 grados | Intentalo |
| W3-animado-entrada | Anima el ancho de un campo de entrada para 100% | Intentalo |
| Clase | define | |
|---|
| W3-tiny | Especifica un tamaño de fuente de 10 píxeles | Intentalo |
| w3-pequeña | Especifica un tamaño de fuente de 12 píxeles | Intentalo |
| w3 a gran | Especifica un tamaño de fuente de 20 píxeles | Intentalo |
| W3-XLarge | Especifica un tamaño de fuente de 24 píxeles | Intentalo |
| W3-Xxlarge | Especifica un tamaño de fuente de 32 píxeles | Intentalo |
| W3-XXXLarge | Especifica un tamaño de fuente de 48 píxeles | Intentalo |
| W3-jumbo | Especifica un tamaño de fuente de 64 píxeles | Intentalo |
| W3-delgado | Especifica un texto más delgado | Intentalo |
| -Amplia w3 | Especifica un texto más amplio | Intentalo |
| w3 vertical | Especifica el texto vertical | Intentalo |
| W3-top | contenido fijo en la parte superior de la página | Intentalo |
| W3-centro | Centrado en el contenido | Intentalo |
| W3-círculo | contenido de un círculo | Intentalo |
| W3-ocultar | el contenido oculto (display: none) | Intentalo |
| W3-show | Mostrar contenido (display: block) | Intentalo |
| W3-show-bloque | Alias de w3-show (display: block) | Intentalo |
| W3-show-inline-block | Mostrar contenido como inline-block (display: inline-block) | Intentalo |
| W3-ocultar-pequeña | Ocultar el contenido en pantallas pequeñas (menos de 601px) | Intentalo |
| W3-ocultar-medio | Ocultar el contenido en pantallas medianas | Intentalo |
| W3-ocultar a gran | Ocultar el contenido en pantallas grandes (de más de 992px) | Intentalo |
| W3-izquierda | contenido ajustada a la izquierda | Intentalo |
| W3-derecha | contenido ajustado a la derecha | Intentalo |
| W3-izquierda-align | texto alineado a la izquierda | Intentalo |
| W3-alineación derecha | texto alineado a la derecha | Intentalo |
| W3-justificar | Derecho y el texto alineado a la izquierda | Intentalo |
| W3-display-contenedores | Recipiente para las clases de pantalla y el W3-(position: relative) | Intentalo |
| W3-display-topLeft | contenido de la posición de la esquina superior izquierda | Intentalo |
| W3-display-topright | contenido de la posición en la esquina superior derecha | Intentalo |
| W3-display-bottomleft | contenido de la posición en la esquina inferior izquierda | Intentalo |
| W3-display-bottomright | contenido de la posición en la esquina inferior derecha | Intentalo |
| W3-display-media | contenido de la posición en el centro (horizontal y vertical) | Intentalo |
| W3-display-topmiddle | contenido Posición en el medio en la parte superior del elemento | Intentalo |
| W3-display-bottommiddle | contenido Posición en el centro en la parte inferior del elemento | Intentalo |
| W3-serif | Cambia la fuente de serif | Intentalo |
| w3-opacidad | Añade opacidad al texto | Intentalo |
| Añade opacidad a cualquier elemento | Intentalo |
| W3-overlay | Crea un efecto de superposición | Intentalo |
| W3-text-shadow | Agrega sombras al texto | Intentalo |
| Clase | define | |
|---|
| w3-rojo | Fondo de color rojo | Intentalo |
| W3-rosa | Fondo de color rosa | Intentalo |
| W3-púrpura | color de fondo púrpura | Intentalo |
| W3-deep-púrpura | El color de fondo de color morado oscuro | Intentalo |
| W3-índigo | Fondo de color añil | Intentalo |
| W3-azul | Fondo de color azul | Intentalo |
| W3-Celeste | Antecedentes de color azul claro | Intentalo |
| W3-cian | cian color de fondo | Intentalo |
| W3-aqua | Fondo de color aguamarina | Intentalo |
| W3-verde azulado | Fondo de color verde azulado | Intentalo |
| W3-verde | Fondo de color verde | Intentalo |
| W3-verde claro | Fondo color verde claro | Intentalo |
| W3-cal | Fondo de color lima | Intentalo |
| W3-arena | Fondo de arena de color | Intentalo |
| W3-caqui | Fondo de color caqui | Intentalo |
| W3-amarillo | color de fondo amarillo | Intentalo |
| W3-ámbar | Fondo de color ámbar | Intentalo |
| w3-naranja | naranja color de fondo | Intentalo |
| W3-deep-naranja | El color de fondo de color naranja intenso | Intentalo |
| W3-azul-gris | color de fondo azul gris | Intentalo |
| W3-marrón | Fondo de color marrón | Intentalo |
| W3-gris claro | Antecedentes de color gris claro | Intentalo |
| W3-gris | Fondo de color gris | Intentalo |
| W3-gris oscuro | color de fondo gris oscuro | Intentalo |
| W3-negro | Fondo de color negro | Intentalo |
| W3-rojo pálido | El color de fondo de color rojo pálido | Intentalo |
| W3-amarillo pálido | El color de fondo de color amarillo pálido | Intentalo |
| W3-verde pálido | El color de fondo de color verde pálido | Intentalo |
| W3-azul pálido | El color de fondo de color azul pálido | Intentalo |
| W3-transparente | Fondo transparente del color | |
| Clase | define | |
|---|
| W3-asomar-blanco | el color blanco de la libración | Intentalo |
| W3-asomar-negro | Pase el ratón de color negro | Intentalo |
| W3-asomar-roja | Pase el ratón de color rojo | Intentalo |
| W3-asomar-azul | el color azul de la libración | Intentalo |
| W3-asomar-verde | Pase el ratón de color verde | Intentalo |
| W3-asomar-aqua | Pase el ratón de color aguamarina | Intentalo |
| W3-asomar-naranja | color naranja de la libración | Intentalo |
| W3-asomar-gris | el color gris de la libración | Intentalo |
| W3-asomar-verde pálido | Pase el ratón de color verde pálido | Intentalo |
| | |
| W3-asomar-texto-roja | Pasa el cursor de texto de color rojo | Intentalo |
| W3-asomar-texto-roja | Pase el ratón de color azul de texto | Intentalo |
| W3-asomar-texto-verde | Pasa el cursor de texto en color verde | Intentalo |
| W3-asomar-texto-púrpura | Pase el ratón de color púrpura texto | Intentalo |
| | |
| W3-asomar-frontera- de color | color del borde de la libración | Intentalo |
| | |
| W3-asomar-opacidad | Añade transparencia a un elemento en vuelo estacionario (60% de opacidad) | Intentalo |
| W3-asomar-sombra | Añade un elemento a la sombra de la libración | Intentalo |
| W3-asomar-ninguno | Elimina efectos de activación de un elemento | Intentalo |
| Clase | define | |
|---|
| W3-padding-0 | Elimina todo el relleno de un elemento | Intentalo |
| W3-padding | 8 píxeles relleno superior e inferior, y 16px izquierda y derecha. | Intentalo |
| W3-padding-tiny | 2px relleno superior e inferior, y 4PX izquierda y derecha. | Intentalo |
| W3-padding-pequeña | 4PX relleno superior e inferior, y 8 píxeles izquierda y derecha. | Intentalo |
| W3-padding-medio | 8 píxeles relleno superior e inferior, y 16px izquierda y derecha. | Intentalo |
| W3-padding-grande | 12px relleno superior e inferior, y 24px izquierda y derecha. | Intentalo |
| W3-padding-XLarge | 16px relleno superior e inferior, y 32px izquierda y derecha. | Intentalo |
| W3-padding-Xxlarge | 24px relleno superior e inferior, y 48px izquierda y derecha. | Intentalo |
| W3-padding-jumbo | 32px relleno superior e inferior, y 64px izquierda y derecha. | Intentalo |
| W3-padding-top | 8 píxeles acolchado superior | Intentalo |
| W3-padding-right | El relleno de 16px a la derecha | Intentalo |
| W3-padding-bottom | 8 píxeles almohadillado inferior | Intentalo |
| W3-padding-left | Relleno a la izquierda 16px | Intentalo |
| W3-padding-hor-4 | 4PX relleno superior e inferior | Intentalo |
| W3-padding-hor-8 | Relleno superior e inferior 8 píxeles | Intentalo |
| W3-padding-hor-12 | 12px relleno superior e inferior | Intentalo |
| W3-padding-hor-16 | 16px relleno superior e inferior | Intentalo |
| W3-padding-hor-24 | 24px relleno superior e inferior | Intentalo |
| W3-padding-hor-32 | 32px relleno superior e inferior | Intentalo |
| W3-padding-hor-48 | 48px relleno superior e inferior | Intentalo |
| W3-padding-hor-64 | 64px relleno superior e inferior | Intentalo |
| W3-padding-hor-128 | El relleno 128px parte superior e inferior | Intentalo |
| W3-padding-ver-4 | 4PX carnes de izquierda y derecha. | Intentalo |
| W3-padding-ver-8 | 8 píxeles almohadillado a izquierda y derecha. | Intentalo |
| W3-padding-ver-16 | 16px relleno a la izquierda y la derecha. | Intentalo |
| W3-padding-ver-24 | 24px relleno a la izquierda y la derecha. | Intentalo |
| W3-padding-ver-32 | 32px relleno a la izquierda y la derecha. | Intentalo |
| W3-padding-ver-48 | 48px relleno a la izquierda y la derecha. | Intentalo |
| W3-padding-ver-64 | 64px relleno a la izquierda y la derecha. | Intentalo |
| Clase | define | |
|---|
| W3-frontera | Fronteras (arriba, derecha, abajo, izquierda) | Intentalo |
| W3-border-top | el borde superior | Intentalo |
| W3-border-right | borde derecho | Intentalo |
| W3-border-bottom | fondo frontera | Intentalo |
| W3-border-left | borde izquierdo | Intentalo |
| W3-frontera-0 | Elimina todas las fronteras | Intentalo |
| el color w3-frontera- | Muestra las fronteras definidas en un determinado color (como el rojo, etc.) | Intentalo |
| W3-Bottombar | Añade un borde inferior grueso (bar) a un elemento | Intentalo |
| W3-leftbar | Añade un borde grueso izquierda (bar) a un elemento | Intentalo |
| W3-RightBar | Añade un borde derecho de espesor (bar) a un elemento | Intentalo |
| W3-topbar | Añade un borde superior de espesor (bar) a un elemento | Intentalo |
| W3-asomar-frontera- de color | color del borde Hoverable | Intentalo |