Los últimos tutoriales de desarrollo web
×

CSS Referencia

CSS Referencia CSS selectores CSS funciones CSS referencia Aural CSS Fuentes de seguridad Web CSS animatable CSS Unidades CSS PX-EM Convertidor CSS Colores CSS Color Valores CSS3 Soporte para el navegador

CSS propiedades

align-content align-items align-self all animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function backface-visibility background background-attachment background-blend-mode background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-shadow box-sizing caption-side clear clip color column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns content counter-increment counter-reset cursor direction display empty-cells filter flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font @font-face font-family font-size font-size-adjust font-stretch font-style font-variant font-weight hanging-punctuation height justify-content @keyframes left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top max-height max-width @media min-height min-width nav-down nav-index nav-left nav-right nav-up opacity order outline outline-color outline-offset outline-style outline-width overflow overflow-x overflow-y padding padding-bottom padding-left padding-right padding-top page-break-after page-break-before page-break-inside perspective perspective-origin position quotes resize right tab-size table-layout text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-overflow text-shadow text-transform top transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function unicode-bidi vertical-align visibility white-space width word-break word-spacing word-wrap z-index



 

Referencia CSS


Nota w3ii 'referencia CSS se analiza regularmente con todos los principales navegadores.


Propiedades CSS

Grupos de propiedades CSS


El "CSS" columna indica en qué versión de CSS la propiedad se define (CSS1, CSS2, or CSS3) .

las propiedades del color

Propiedad Descripción CSS
color Establece el color del texto 1
opacity Establece el nivel de opacidad para un elemento 3

Propiedades de fondo y el borde

Propiedad Descripción CSS
background Una propiedad abreviada para establecer todas las propiedades de fondo en una declaración 1
background-attachment Establece si la imagen de fondo se fija o se desplaza con el resto de la página 1
background-blend-mode Especifica el modo de fusión de cada capa de fondo (color/image)
background-color Especifica el color de fondo de un elemento 1
background-image Especifica una o más imágenes de fondo para un elemento 1
background-position Especifica la posición de la imagen de un fondo 1
background-repeat Establece cómo se repetirá una imagen de fondo 1
background-clip Especifica el área de la pintura del fondo 3
background-origin Especifica en el fondo image(s) está / están posicionados 3
background-size Especifica el tamaño del fondo image(s) 3
border Establece todas las propiedades de borde en una declaración 1
border-bottom Establece todas las propiedades del borde inferior de una declaración 1
border-bottom-color Establece el color del borde inferior
border-bottom-left-radius Define la forma del borde de la esquina inferior izquierda 3
border-bottom-right-radius Define la forma del borde de la esquina inferior derecha 3
border-bottom-style Define el estilo del borde inferior 1
border-bottom-width Establece el ancho del borde inferior 1
border-color Establece el color de los cuatro bordes 1
border-image Una propiedad abreviada para establecer todas las propiedades * fronterizas-imagen- 3
border-image-outset Especifica la cantidad en que el área de la imagen frontera se extiende más allá del borde de cuadro 3
border-image-repeat Especifica si la imagen de la frontera se debe repetir, redondeado o estirado 3
border-image-slice Especifica cómo cortar la imagen Frontera 3
border-image-source Especifica la ruta a la imagen para ser utilizado como una frontera 3
border-image-width Especifica el ancho de la imagen de las fronteras 3
border-left Establece todas las propiedades de los bordes que quedan en una declaración 1
border-left-color Establece el color del borde izquierdo 1
border-left-style Define el estilo del borde izquierdo 1
border-left-width Establece el ancho del borde izquierdo 1
border-radius Una propiedad abreviada para establecer las cuatro fronteras - * - propiedades del radio 3
border-right Establece todas las propiedades del borde derecho en una declaración 1
border-right-color Establece el color del borde derecho 1
border-right-style Define el estilo del borde derecho 1
border-right-width Establece el ancho del borde derecho 1
border-style Define el estilo de los cuatro bordes 1
border-top Establece todas las propiedades del borde superior de una declaración 1
border-top-color Establece el color del borde superior 1
border-top-left-radius Define la forma del borde de la esquina superior izquierda 3
border-top-right-radius Define la forma del borde de la esquina superior derecha 3
border-top-style Define el estilo del borde superior 1
border-top-width Establece el ancho del borde superior 1
border-width Establece el ancho de los cuatro bordes 1
box-decoration-break Define el comportamiento del fondo y el borde de un elemento en la página a la ruptura, o, para los elementos en línea, en el salto de línea. 3
box-shadow Se conecta una o más abandonos sombras a la caja 3

Propiedades básicas de la caja

Propiedad Descripción CSS
bottom Especifica la posición inferior de un elemento posicionado 2
clear Especifica qué lados de un elemento que no se permiten otros elementos flotantes 1
clip Clips de un elemento con posición absoluta 2
display Especifica cómo se debe mostrar un cierto elemento HTML 1
float Especifica si una caja debe flotar 1
height Establece la altura de un elemento 1
left Especifica la posición izquierda de un elemento posicionado 2
margin Establece todas las propiedades de los márgenes en una declaración 1
margin-bottom Establece el margen inferior de un elemento 1
margin-left Define el margen izquierdo de un elemento 1
margin-right Define el margen derecho de un elemento 1
margin-top Define el margen superior de un elemento 1
max-height Establece la altura máxima de un elemento 2
max-width Establece el ancho máximo de un elemento 2
min-height Establece la altura mínima de un elemento 2
min-width Establece el ancho mínimo de un elemento 2
overflow
Especifica lo que sucederá si el contenido desborda la caja de un elemento 2
overflow-x Especifica si o no para recortar los bordes izquierdo / derecho del contenido, si se desborda el área de contenido del elemento 3
overflow-y Especifica si o no para recortar los bordes superior / inferior del contenido, si se desborda el área de contenido del elemento 3
padding Establece todas las propiedades de relleno en una declaración 1
padding-bottom Establece el relleno inferior de un elemento 1
padding-left Establece el relleno a la izquierda de un elemento 1
padding-right Establece el relleno derecho de un elemento 1
padding-top Establece el relleno superior de un elemento 1
position Especifica el tipo de método de posicionamiento utilizado para un elemento (estático, relativa, absoluta o fija) 2
right Especifica la posición correcta de un elemento posicionado 2
top Especifica la posición de la parte superior de un elemento posicionado 2
visibility Especifica si un elemento es visible 2
width Establece el ancho de un elemento 1
vertical-align Establece la alineación vertical de un elemento 1
z-index Establece el orden de apilamiento de un elemento posicionado 2

De cuadro de diseño flexibles

Propiedad Descripción CSS
align-content Especifica la alineación entre las líneas dentro de un recipiente flexible cuando los artículos no utilizan todo el espacio disponible 3
align-items Especifica la alineación de los elementos dentro de un recipiente flexible 3
align-self Especifica la alineación de los elementos seleccionados dentro de un recipiente flexible 3
flex Especifica la longitud del artículo, con respecto al resto 3
flex-basis Especifica la longitud inicial de un elemento flexible, 3
flex-direction Especifica la dirección de los elementos flexibles 3
flex-flow Una propiedad abreviada para la dirección de la flexión y las propiedades flex-wrap 3
flex-grow Especifica la cantidad del elemento crecerá con respecto al resto 3
flex-shrink Especifica cómo el artículo se reducirá con respecto al resto 3
flex-wrap Especifica si los elementos flexibles deben envolver o no 3
justify-content Especifica la alineación entre los elementos dentro de un recipiente flexible cuando los artículos no utilizan todo el espacio disponible 3
order Establece el orden del elemento flexible en relación con el resto 3

Propiedades del texto

Propiedad Descripción CSS
hanging-punctuation Especifica si un carácter puntuacion puede ser colocado fuera de la caja de línea 3
hyphens Establece cómo dividir las palabras para mejorar el diseño de los párrafos 3
letter-spacing Aumenta o disminuye el espacio entre caracteres en un texto 1
line-break Especifica cómo / si para romper las líneas 3
line-height Establece la altura de la línea 1
overflow-wrap Especifica si el navegador puede romper las líneas dentro de las palabras con el fin de evitar que rebose (cuando una cadena es demasiado larga para caber su caja que contiene) 3
tab-size Especifica la longitud del caracter de tabulación 3
text-align Especifica la alineación horizontal del texto 1
text-align-last Describe cómo la última línea de un bloque o de un derecho de línea antes de un salto de línea forzado está alineado cuando text-align se "justify" 3
text-combine-upright Especifica la combinación de varios caracteres en el espacio de un solo carácter 3
text-indent Especifica la sangría de la primera línea de un bloque de texto 1
text-justify Especifica el método de justificación utiliza cuando text-align es "justify" 3
text-transform Controla la capitalización de texto 1
white-space Especifica cómo se maneja un espacio en blanco dentro de un elemento 1
word-break Especifica reglas de salto de línea para los alfabetos no CJC 3
word-spacing Aumenta o disminuye el espacio entre las palabras de un texto 1
word-wrap Permite largos, palabras irrompibles que se rompen y pasan a la siguiente línea 3

Propiedades de la decoración de texto

Propiedad Descripción CSS
text-decoration Especifica la decoración añadida al texto 1
text-decoration-color Especifica el color del texto-decoración 3
text-decoration-line Especifica el tipo de línea en un texto-decoración 3
text-decoration-style Especifica el estilo de la línea en una decoración del texto 3
text-shadow Añade sombra al texto 3
text-underline-position Especifica la posición del subrayado que se establece mediante la propiedad text-decoration 3

Propiedades de fuente

Propiedad Descripción CSS
@font-face Una regla que permite a los sitios web para descargar y utilizar fuentes distintas de los "web-safe" fuentes 3
@font-feature-values Permite a los autores utilizan un nombre común en font-variant-alternativo para la función activan de forma diferente en OpenType 3
font Establece todas las propiedades de la fuente en una declaración 1
font-family Especifica la familia de fuentes para el texto 1
font-feature-settings Permite el control de funciones tipográficas avanzadas en las fuentes OpenType 3
font-kerning Controla el uso de la información de ajuste (how letters are spaced) 3
font-language-override Controla el uso de glifos específicos del idioma en un tipo de letra 3
font-size Especifica el tamaño de fuente del texto 1
font-size-adjust Preserva la legibilidad del texto cuando se produce la fuente de reserva 3
font-stretch Selecciona un condensado, o normal de la cara, la ampliación de una familia de fuentes 3
font-style Especifica el estilo de fuente para el texto 1
font-synthesis Controles que faltan tipos de letra (bold or italic) pueden ser sintetizados por el navegador 3
font-variant Especifica si o no un texto debe mostrarse en una fuente small-caps 1
font-variant-alternates Controla el uso de pictogramas alternativos asociados a los nombres alternativos definidos en valores-Fuentes tipográficas @ 3
font-variant-caps Controla el uso de pictogramas alternativos para las mayúsculas 3
font-variant-east-asian Controla el uso de pictogramas alternativos para los scripts de Asia oriental (por ejemplo, japonés y chino) 3
font-variant-ligatures Controla las ligaduras y las formas contextuales se utilizan en el contenido textual de los elementos de los que se aplica 3
font-variant-numeric Controla el uso de pictogramas alternativos para los números, fracciones y marcadores ordinales 3
font-variant-position Controla el uso de pictogramas alternativos de menor tamaño posicionado como superíndice o subíndice con respecto a la línea de base de la fuente 3
font-weight Especifica el peso de una fuente 1

Modos de escritura Propiedades

Propiedad Descripción CSS
direction Especifica la dirección del texto / dirección de escritura 2
text-orientation Define la orientación del texto en una línea 3
text-combine-upright Especifica la combinación de varios caracteres en el espacio de un solo carácter 3
unicode-bidi Se utiliza junto con la dirección del inmueble para establecer o devolver si el texto debe ser anulado para soportar múltiples idiomas en el mismo documento 2
writing-mode3

Propiedades de la tabla

Propiedad Descripción CSS
border-collapse Especifica si los bordes de tabla deben ser colapsados 2
border-spacing Especifica la distancia entre los bordes de las celdas adyacentes 2
caption-side Especifica la colocación de una leyenda de la tabla 2
empty-cells Especifica si se muestra o no las fronteras y de fondo en las celdas vacías en una tabla 2
table-layout Establece el algoritmo de diseño que se utiliza para una tabla 2

Listas y Propiedades Contadores

Propiedad Descripción CSS
counter-increment Incrementos de una o más contadores 2
counter-reset Crea o restablece uno o más contadores 2
list-style Establece todas las propiedades de una lista en una declaración 1
list-style-image Especifica una imagen como el marcador de ítems de lista 1
list-style-position Especifica si los marcadores lista de artículos deben aparecer dentro o fuera del flujo de contenido 1
list-style-type Especifica el tipo de marcador de ítems de lista 1

Propiedades de animación

Propiedad Descripción CSS
@keyframes Especifica el código de animación 3
animation Una propiedad abreviada para todas las propiedades de animación (con excepción de la animación-play-estado y la animación-fill-mode) 3
animation-delay Especifica un retraso para el inicio de una animación 3
animation-direction Especifica si la animación debe jugar en reversa en ciclos alternos 3
animation-duration Especifica cuántos segundos o milisegundos una animación tarda en completar un ciclo 3
animation-fill-mode Especifica un estilo para el elemento cuando la animación no se ejecuta (when it is finished, or when it has a delay) 3
animation-iteration-count Especifica el número de veces que una animación se debe jugar 3
animation-name Especifica el nombre de la animación @keyframes 3
animation-play-state Especifica si la animación se está ejecutando o está en pausa 3
animation-timing-function Especifica la curva de velocidad de una animación 3

transformar Propiedades

Propiedad Descripción CSS
backface-visibility Define si un elemento debe ser visible sin estar frente a la pantalla 3
perspective Especifica el punto de vista sobre cómo los elementos 3D son vistas 3
perspective-origin Especifica la posición inferior de elementos 3D 3
transform Se aplica una transformación 2D o 3D a un elemento 3
transform-origin Le permite cambiar la posición de elementos transformados 3
transform-style Especifica cómo los elementos anidados se prestan en el espacio 3D 3

Propiedades Transitions

Propiedad Descripción CSS
transition Una propiedad abreviada para establecer las propiedades de transición de cuatro 3
transition-property Especifica el nombre de la propiedad CSS es el efecto de transición para 3
transition-duration Especifica cuántos segundos o milisegundos un efecto de transición necesario para completar 3
transition-timing-function Especifica la curva de velocidad del efecto de transición 3
transition-delay Especifica el efecto de transición cuando se iniciará 3

Propiedades de interfaz de usuario básica

Propiedad Descripción CSS
box-sizing Le dice al navegador qué las propiedades de tamaño (width and height) deben incluir 3
content Se utiliza con el: before y: after pseudo-elementos, para insertar contenido generado 2
cursor Especifica el tipo de cursor que se mostrará 2
ime-mode Controla el estado del editor de método de entrada para los campos de texto 3
nav-down Especifica dónde navegar utilizando la tecla de navegación flecha hacia abajo 3
nav-index Especifica el orden de tabulación de un elemento 3
nav-left Especifica dónde navegar utilizando la tecla de navegación flecha hacia la izquierda 3
nav-right Especifica dónde navegar utilizando la tecla de navegación flecha hacia la derecha 3
nav-up Especifica dónde navegar utilizando la tecla de navegación flecha hacia arriba 3
outline Establece todas las propiedades del contorno en una declaración 2
outline-color Establece el color de un esquema 2
outline-offset Compensa un esquema, y ​​lo dibuja más allá del límite del borde 3
outline-style Define el estilo de un esquema 2
outline-width Establece el ancho de un esquema 2
resize Especifica si un elemento es de tamaño variable por el usuario 3
text-overflow Especifica lo que debe ocurrir cuando el texto se desborda el elemento que contiene 3

Propiedades de diseño de varias columnas

Propiedad Descripción CSS
break-after Especifica la página-, por columnas, o comportamiento región descanso después de la caja generada 3
break-before Especifica la página-, por columnas, o comportamiento región descanso antes de la caja generada 3
break-inside Especifica la página-, por columnas, o comportamiento región de ruptura dentro de la caja generada 3
column-count Especifica el número de columnas de un elemento se debe dividir en 3
column-fill Especifica cómo llenar columnas 3
column-gap Especifica la distancia entre las columnas 3
column-rule Una propiedad abreviada para establecer todas las propiedades de las columnas *-regla- 3
column-rule-color Especifica el color de la regla entre columnas 3
column-rule-style Especifica el estilo de la regla entre columnas 3
column-rule-width Especifica el ancho de la regla entre columnas 3
column-span Especifica el número de columnas de un elemento debe extenderse a lo largo 3
column-width Especifica el ancho de las columnas 3
columns Una propiedad abreviada para establecer la columna de ancho y de la columna de recuento 3
widows Establece el número mínimo de líneas que deben ser dejados en la parte superior de una página cuando se produce un salto de página dentro de un elemento 2

medios paginados

Propiedad Descripción CSS
orphans Establece el número mínimo de líneas que deben ser dejados en la parte inferior de una página cuando se produce un salto de página dentro de un elemento 2
page-break-after Define el comportamiento de la página sin precedentes después de un elemento 2
page-break-before Define el comportamiento de la página para romper antes de un elemento 2
page-break-inside Define el comportamiento de la página sin precedentes dentro de un elemento 2

Contenido generado para medios paginados

Propiedad Descripción CSS
marks Añade cultivos y / o marcas de cruces al documento 3
quotes Define el tipo de comillas para las citas incrustadas 2

Propiedades de efectos de filtro

Propiedad Descripción CSS
filter Define los efectos (eg blurring or color shifting) sobre un elemento antes de que aparezca el elemento 3

Los valores de imagen y contenido Sustituido

Propiedad Descripción CSS
image-orientation Especifica una rotación en la dirección correcta o en el sentido de que un agente de usuario se aplica a una imagen (Esta propiedad es probable que va a ser obsoleto y su funcionalidad se trasladó a HTML) 3
image-rendering Da una idea al navegador sobre qué aspectos de una imagen son los más importantes para preservar cuando se escala la imagen 3
image-resolution Especifica la resolución intrínseca de todas las imágenes de mapa de bits utilizados en / sobre el elemento 3
object-fit Especifica cómo el contenido de un elemento reemplazado deben ser instalados en el cuadro establecido por su altura y anchura utilizado 3
object-position Especifica la alineación del elemento reemplazado dentro de su caja 3

Propiedades de enmascaramiento

Propiedad Descripción CSS
mask3
mask-type3

Propiedades del habla

Propiedad Descripción CSS
mark Una propiedad abreviada para establecer las propiedades de marcado antes y después de marcado 3
mark-after Permite a los marcadores con nombre para conectar a la corriente de audio 3
mark-before Permite a los marcadores con nombre para conectar a la corriente de audio 3
phonemes Especifica una pronunciación fonética para el texto contenido por el elemento correspondiente 3
rest Una propiedad abreviada para establecer las reposo antes y después del descanso propiedades 3
rest-after Especifica un descanso o límite prosódico que deben observarse después de hablar contenido de un elemento 3
rest-before Especifica un descanso o límite prosódico que deben observarse antes de hablar contenido de un elemento 3
voice-balance Especifica el balance entre los canales izquierdo y derecho 3
voice-duration Especifica el tiempo que debe tomar para hacer que el contenido del elemento seleccionado 3
voice-pitch Especifica el tono promedio (a frequency) de la voz que habla 3
voice-pitch-range Especifica variación en el tono promedio 3
voice-rate Controla la velocidad de habla 3
voice-stress Indica la fuerza de énfasis que se aplicará 3
voice-volume Se refiere a la amplitud de la salida de forma de onda por los sintetiza el habla 3

Propiedades de marquesina

Propiedad Descripción CSS
marquee-direction Establece la dirección del movimiento de los contenidos 3
marquee-play-count Establece cuántos veces el movimiento de contenido 3
marquee-speed Establece la velocidad con los rollos de contenido 3
marquee-style Define el estilo del movimiento de los contenidos 3