Latest web development tutorials
×

CSS Manual de referencia

CSS Manual de referencia CSS selector CSS de voz de referencia CSS Web fuentes seguras CSS animación CSS unidad CSS color CSS valores de color legales CSS nombres de los colores CSS valores de color hexadecimales CSS Soporte para el navegador

CSS propiedad

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 appearance 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-align box-direction box-flex box-flex-group box-lines box-ordinal-group box-orient box-pack 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 grid-columns grid-rows hanging-punctuation height icon 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 punctuation-trim quotes resize right rotation tab-size table-layout target target-name target-new target-position text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-outline text-overflow text-shadow text-transform text-wrap 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 Este tutorial CSS de referencia en todos los principales navegadores probado.


propiedades CSS

CSS grupo de propiedades:

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

las propiedades de animación

属性 描述 CSS
@keyframes 定义一个动画,@keyframes定义的动画名称用来被animation-name所使用。 3
animation 复合属性。检索或设置对象所应用的动画特效。 3
animation-name 检索或设置对象所应用的动画名称 ,必须与规则@keyframes配合使用,因为动画名称由@keyframes定义 3
animation-duration 检索或设置对象动画的持续时间 3
animation-timing-function 检索或设置对象动画的过渡类型 3
animation-delay 检索或设置对象动画的延迟时间 3
animation-iteration-count 检索或设置对象动画的循环次数 3
animation-direction 检索或设置对象动画在循环中是否反向运动 3
animation-play-state 检索或设置对象动画的状态 3

Propiedades de fondo

属性 描述 CSS
background 复合属性。设置对象的背景特性。 1
background-attachment 设置或检索背景图像是随对象内容滚动还是固定的。必须先指定background-image属性。 1
background-color 设置或检索对象的背景颜色。 1
background-image 设置或检索对象的背景图像。 1
background-position 设置或检索对象的背景图像位置。必须先指定background-image属性。 1
background-repeat 设置或检索对象的背景图像如何铺排填充。必须先指定background-image属性。 1
background-clip 指定对象的背景图像向外裁剪的区域。 3
background-origin S设置或检索对象的背景图像计算background-position时的参考原点(位置)。 3
background-size 检索或设置对象的背景图像的尺寸大小。 3

Frontera (frontera) y el esquema (Esquema) Propiedad

属性 描述 CSS
border 复合属性。设置对象边框的特性。 1
border-bottom 复合属性。设置对象底部边框的特性。 1
border-bottom-color 设置或检索对象的底部边框颜色。 1
border-bottom-style 设置或检索对象的底部边框样式。 1
border-bottom-width 设置或检索对象的底部边框宽度。 1
border-color 置或检索对象的边框颜色。 1
border-left 复合属性。设置对象左边边框的特性。 1
border-left-color 设置或检索对象的左边边框颜色。 1
border-left-style 设置或检索对象的左边边框样式。 1
border-left-width 设置或检索对象的左边边框宽度。 1
border-right 复合属性。设置对象右边边框的特性。 1
border-right-color 设置或检索对象的右边边框颜色。 1
border-right-style 设置或检索对象的右边边框样式。 1
border-right-width 设置或检索对象的右边边框宽度。 1
border-style 设置或检索对象的边框样式。 1
border-top 复合属性。设置对象顶部边框的特性。 1
border-top-color 设置或检索对象的顶部边框颜色 1
border-top-style 设置或检索对象的顶部边框样式。 1
border-top-width 设置或检索对象的顶部边框宽度。 1
border-width 设置或检索对象的边框宽度。 1
outline 复合属性。设置或检索对象外的线条轮廓。 2
outline-color 设置或检索对象外的线条轮廓的颜色。 2
outline-style 设置或检索对象外的线条轮廓的样式。 2
outline-width 设置或检索对象外的线条轮廓的宽度。 2
border-bottom-left-radius 设置或检索对象的左下角圆角边框。提供2个参数,2个参数以空格分隔,每个参数允许设置1个参数值,第1个参数表示水平半径,第2个参数表示垂直半径,如第2个参数省略,则默认等于第1个参数 3
border-bottom-right-radius 设置或检索对象的右下角圆角边框。 3
border-image 设置或检索对象的边框样式使用图像来填充。 3
border-image-outset 规定边框图像超过边框的量。 3
border-image-repeat 规定图像边框是否应该被重复(repeated)、拉伸(stretched)或铺满(rounded)。 3
border-image-slice 规定图像边框的向内偏移。 3
border-image-source 规定要使用的图像,代替 border-style 属性中设置的边框样式。 3
border-image-width 规定图像边框的宽度。 3
border-radius 设置或检索对象使用圆角边框。 3
border-top-left-radius 定义左上角边框的形状。 3
border-top-right-radius 定义右下角边框的形状。 3
box-decoration-break 规定行内元素被折行 3
box-shadow 向方框添加一个或多个阴影。 3

Box (caja) Propiedad

属性 描述 CSS
overflow-x 如果内容溢出了元素内容区域,是否对内容的左/右边缘进行裁剪。 3
overflow-y 如果内容溢出了元素内容区域,是否对内容的上/下边缘进行裁剪。 3
overflow-style 规定溢出元素的首选滚动方法。 3
rotation 围绕由 rotation-point 属性定义的点对元素进行旋转。 3
rotation-point 定义距离上左边框边缘的偏移点。 3

Color (Color) propiedades

属性 描述 CSS
color-profile 允许使用源的颜色配置文件的默认以外的规范 3
opacity 设置一个元素的透明度级别 3
rendering-intent 允许超过默认颜色配置文件渲染意向的其他规范 3

Padding (relleno) Propiedad

propiedad explicación CSS
acolchado Ajuste todas las propiedades de relleno en una declaración 1
padding-bottom Ajuste el elemento de acolchado inferior 1
padding-left El elemento del acolchado izquierda 1
padding-right El elemento está configurado relleno derecho 1
padding-top Ajustes en los elementos principales para llenar 1

Medios contenido de la página Propiedades

属性 说明 CSS
bookmark-label 指定书签的标签 3
bookmark-level 指定了书签级别 3
bookmark-target 指定了书签链接的目标 3
float-offset 在相反的方向推动浮动元素,他们一直具有浮动 3
hyphenate-after 指定一个断字的单词断字字符后的最少字符数 3
hyphenate-before 指定一个断字的单词断字字符前的最少字符数 3
hyphenate-character 指定了当一个断字发生时,要显示的字符串 3
hyphenate-lines 表示连续断字的行在元素的最大数目 3
hyphenate-resource 外部资源指定一个逗号分隔的列表,可以帮助确定浏览器的断字点 3
hyphens 设置如何分割单词以改善该段的布局 3
image-resolution 指定了正确的图像分辨率 3
marks 将crop and/or cross标志添加到文档 3
string-set   3

Tamaño (Dimensión) Propiedad

属性 描述 CSS
height 设置元素的高度 1
max-height 设置元素的最大高度 2
max-width 设置元素的最大宽度 2
min-height 设置元素的最小高度 2
min-width 设置元素的最小宽度 2
width 设置元素的宽度 1

Caja flexible Modelo (Recuadro flexible) propiedad (nuevo)

属性 说明 CSS
flex 复合属性。设置或检索弹性盒模型对象的子元素如何分配空间。 3
flex-grow 设置或检索弹性盒的扩展比率。 3
flex-shrink 设置或检索弹性盒的收缩比率。 3
flex-basis 设置或检索弹性盒伸缩基准值。 3
flex-flow 复合属性。设置或检索弹性盒模型对象的子元素排列方式。 3
flex-direction 该属性通过定义flex容器的主轴方向来决定felx子项在flex容器中的位置。 3
flex-wrap 该属性控制flex容器是单行或者多行,同时横轴的方向决定了新行堆叠的方向。 3
align-content 在弹性容器内的各项没有占用交叉轴上所有可用的空间时对齐容器内的各项(垂直)。 3
align-items 定义flex子项在flex容器的当前行的侧轴(纵轴)方向上的对齐方式。 3
align-self 定义flex子项单独在侧轴(纵轴)方向上的对齐方式。 3
justify-content 设置或检索弹性盒子元素在主轴(横轴)方向上的对齐方式。 3
order 设置或检索弹性盒模型对象的子元素出现的順序。 3

Caja flexible Modelo (Recuadro flexible) propiedad (de edad)

propiedad explicación CSS
cuadro-align Especifica cómo alinear un bloque de sub-elementos 3
cuadro de dirección ¿En qué dirección se especifica, se muestra un elemento de cuadro de niño 3
cuadro-flex Especificar si una caja de sub-elementos son de tamaño flexible o fijo 3
cuadro-flex-grupo Los elementos flexibles asignados al Grupo Flex 3
box-líneas Cada vez que se ejecuta en el espacio del marco de los padres cuando un especifique si se requiere una nueva fila 3
cuadro-ordinal-grupo Una orden de visualización del marco de sub-elementos 3
cuadro-orientar Especifica si una caja de un elemento secundario en la dirección horizontal o vertical se debe colocar 3
Caja-Pack Especifica caja lateral en una posición horizontal y la posición vertical del marco vertical 3

Fuente (Font) Propiedad

propiedad explicación CSS
fuente Ajuste todas las propiedades de la fuente en una declaración 1
font-family Las disposiciones de la familia de fuentes de texto 1
font-size Las disposiciones del tamaño de fuente del texto 1
font-style estilos de fuente de texto especificado 1
font-variant estilos de fuente de texto especificado 1
font-weight peso de la fuente prescrita 1
@ Font-face Una regla que permite que el sitio para descargar y utilizar que no sea "la Web seguro" para el tipo de letra 3
font-size-adjust El valor predeterminado elementos de aspecto 3
font-stretch Reducir o estirar la familia de la fuente de corriente 3

atribuya la generación de contenidos (Content generada Propiedades)

propiedad explicación CSS
contenido Con: before y: contenido después de pseudo-elemento usado en conjunto para insertar generada 2
counter-increment Aumentar o disminuir uno o más contadores 2
counter-reset Crear uno o más contadores o restablecer 2
comillas Conjunto de citas anidadas tipos referenciados 2
cultivo Permitir que los elementos reemplazados sólo como un objeto en lugar del área rectangular de todo el objeto 3
mover a Provoca que un elemento se elimina del flujo y vuelve a insertar en un punto posterior en el documento 3
La página de la política Valor de la cadena se determina sobre la base de la página para aplicar a un elemento dado en el contador 3

Rejilla (grid) Propiedad

propiedad explicación CSS
rejilla-columnas Especifica el ancho de cada columna en la cuadrícula 3
rejilla-filas Especifica la altura de cada columna en la cuadrícula 3

Hipervínculo (hipervínculo) Propiedades

propiedad explicación CSS
objetivo propiedad abreviada para establecer nombre destino, nueva diana, y la propiedad-posición de destino 3
nombre destino Especifica para abrir el enlace (destino), donde 3
meta-nueva Especifica si un nuevo enlace de destino se abre una nueva ventana o abrir una nueva pestaña en una ventana existente 3
meta-posición Especificar los nuevos enlaces de destino deben ser colocados en la posición 3

Estructura metálica (Linebox) Propiedad

propiedad explicación CSS
alineación a ajustar Permite la alineación más precisa de los elementos 3
alineación de línea de base Su nivel de línea especificado elemento padre cómo alinear 3
la línea de base por desplazamiento Permite el reposicionamiento de la línea de base dominante con respecto a la línea de base dominante 3
dominante-línea de base Especifica la línea base de la tabla escalado 3
drop-inicial-post-ajuste Establecer el menú desplegable de punto de conexión principal punto de alineación inicial 3
drop-inicial-después-align Establecer la línea de calibración dentro de la línea inicial es que tiene la primera letra de la caja utilizando el punto de conexión primaria 3
drop-inicial-antes-ajuste Desplegable Configuración punto de conexión auxiliar punto de alineación inicial 3
drop-inicial-antes-align Establecer la línea de calibración dentro de la línea inicial es que tiene la primera letra de la caja de conexiones auxiliares 3
desplegable inicial de tamaño La primera letra del control de los hundimientos locales 3
drop-valor-inicial Activar un resultados iniciales-desplegables 3
inline-box-align Configurar una hilera de tacos en línea multi-línea que tiene los elementos en línea próximos frente y alineados 3
line-apilamiento Un conjunto de línea de apilamiento-estrategia, la línea de apilamiento-rubí, y la línea de apilamiento de desplazamiento atribuyen propiedad abreviada 3
line-apilamiento-rubí Establece el método de apilamiento de la línea de elementos de bloque que contienen elementos de anotación de Ruby 3
line-apilamiento de desplazamiento Conjunto de línea de base de desplazamiento que contiene bloques apilados elemento método de los elementos 3
line-apilamiento-estrategia Apilar conjuntos método contenidos dentro de los elementos de bloque del marco de pila 3
el texto de la altura caja de línea área de texto de cota conjunto de bloques de progresión 3

Lista (Lista) Propiedad

propiedad explicación CSS
list-style Establecer una lista de todas las propiedades en una declaración 1
list-style-image La imagen como un marcador de ítems de lista 1
list-style-position Fije la lista de ubicación de marcador elemento 1
list-style-type Establecer el tipo de marcador de ítems de lista 1

El margen (margen) Propiedad

propiedad explicación CSS
margen Ajuste todas las propiedades de los márgenes en una declaración 1
margin-bottom Elemento está ajustado margen inferior 1
margin-left El elemento en el margen izquierdo 1
margin-right El elemento de la margen derecha 1
margin-top Elemento se encuentra en el margen 1

Subtítulos (marco) Propiedad

propiedad explicación CSS
marquesina de dirección Ajuste de la dirección del movimiento de los contenidos 3
carpa-juego-cuenta ¿Cuántas veces se han establecido contenidos móviles 3
marquesina de velocidad Establecer el contenido de desplazamiento lo rápido 3
-Estilo de la carpa contenido móvil Styling 3

Varias columnas (Multi-columna) Propiedad

propiedad explicación CSS
la columna de recuento El número de columnas especificadas elemento debe estar dividido en el 3
columna de relleno Especifica cómo llenar columnas 3
la columna de diferencia distancia especificada entre las columnas 3
columna en reglas Todo listo para la propiedad abreviada propiedades * columna en reglas 3
columna de regla de color Especificar reglas de color entre las columnas 3
En reglas de estilo de columna regla de estilo especifica entre las columnas 3
columna en reglas de ancho Especifica el ancho de la regla entre columnas 3
la columna de envergadura ¿Cuántas columnas elemento especificado debe abarcar 3
columna de ancho Especifica el ancho de las columnas 3
columnas propiedad abreviada para establecer el número de columnas y ancho de columna 3

La página de los medios de comunicación (medios paginados) Propiedad

propiedad señorita CSS
encajar Si los atributos de anchura y altura no son de auto da una idea de cómo los elementos reemplazados masiva 3
ajuste posiciones La determinación de la alineación del objeto dentro de la caja 3
la imagen a la orientación Especifica el usuario-agente adecuado para la derecha o girar la imagen hacia la derecha 3
página Especificar un tipo particular de elemento debe mostrar una página 3
tamaño Especificar el contenido de la página que contiene el tamaño de la caja y la orientación 3

Posicionamiento (posicionamiento) Propiedad

propiedad explicación CSS
fondo secuencia de corrección en la frontera entre los valores de márgenes más bajos elementos de orientación que comprende su frontera 2
claro ¿De qué lado del elemento predeterminado impide que otros elementos flotantes 1
presilla Cortar los elementos con posición absoluta 2
cursor disposiciones tipo de cursor que se mostrará (forma) 2
visualización Tipo especifica los elementos a la caja generados 1
flotador Se lo dispuesto en la caja debe flotar 1
izquierda Ajuste de los elementos que componen su frontera con la orientación margen izquierdo desplazamiento entre el borde izquierdo del bloque 2
desbordamiento
¿Qué ocurre cuando el contenido de las disposiciones del elemento de caja de rebose 2
posición Tipo de ubicación especifica los elementos 2
derecho Ajuste de los elementos de posicionamiento margen derecho que contienen un borde del bloque de desplazamiento y su borde derecho entre 2
top Establecer los elementos contenidos en la frontera y sus compensaciones margen entre el límite de bloque de orientación 2
visibilidad Son las disposiciones de elementos visibles 2
z-index Configuración del orden de apilamiento de elementos 2

Paginación (Imprimir) Propiedad

propiedad explicación CSS
huérfanos número mínimo de líneas se produce cuando los elementos internos deben ser retenidos pestaña en la parte inferior de la página 2
page-break-después elementos de comportamiento de la ficha Configuración después 2
page-break-antes elementos de comportamiento de la ficha Configuración antes 2
page-break-interior El elemento interior de la pestaña comportamiento 2
viudas número mínimo de líneas se produce cuando los elementos internos deben ser retenidos pestaña en la parte superior de la página 2

Propiedades de rubí

propiedad explicación CSS
ruby-align Ruby y Ruby control de texto basado en texto contenido en la alineación con respecto al otro 3
rubí voladizo Cuando el texto supera el ancho de base de Ruby Ruby, determinar montar el local de cualquier texto texto ruby ​​adyacente está permitido, además de su base 3
rubí posición Donde controla el texto base Rubí 3
ruby-palmo El control sobre el comportamiento de los elementos de anotación 3

Discurso (discurso) Propiedad

propiedad explicación CSS
marca Definir marca antes y después de la marca-atribuir propiedades abreviadas 3
mark-después Permitir etiquetas con nombre para el flujo de audio 3
-marca antes Permitir etiquetas con nombre para el flujo de audio 3
fonemas Especifica que contiene el texto del elemento correspondiente en una pronunciación fonética 3
resto El establecimiento de un descanso antes y después de descansar-atribuir propiedades abreviadas 3
descanso después de Un elemento de contenido después de la llegada, designado para tomar un descanso o cumpla con frontera prosódica 3
descanso antes Un elemento de contenido antes de la meta, designado para tomar un descanso o cumpla con frontera prosódica 3
la voz de balance el equilibrio se especifica los canales izquierdo y derecho 3
voz duración Especificar el contenido del elemento seleccionado se debe tomar para hacer que la longitud de la 3
la voz de tono Especifica el tono promedio de voz (frecuencia) 3
la voz de tono de rango Especifica el cambio promedio de tono 3
la voz de tasa control de velocidad 3
la voz de estrés los esfuerzos se centran indican 3
voz-volumen La síntesis de voz significa que la amplitud de la onda de salida 3

Tabla (Tabla) Propiedad

propiedad explicación CSS
border-collapse Especifica si la fusión borde de la tabla 2
espaciado de borde Una distancia predeterminada entre los bordes de celdas adyacentes 2
rúbrica de ubicación predeterminada de la tabla del título 2
-celdas vacías Especifica si se deben mostrar las fronteras y los cuadros de datos en las celdas vacías en 2
table-layout Ajuste de algoritmo de distribución de las mesas 2

Texto (texto) Propiedad

propiedad explicación CSS
color Establecer el color del texto 1
dirección Texto dirección predeterminada / dirección de escritura 2
espaciado entre letras Ajuste el espacio entre caracteres 1
line-height Ajuste de altura de la fila 1
text-align La alineación horizontal de las disposiciones del texto 1
text-decoration Provisión añadido al texto del efecto decorativo 1
texto-guión Las disposiciones del guión bloque de texto de la primera línea 1
text-transform controles sensibles para el texto 1
unicode-bidi 2
vertical-align La alineación vertical del elemento 1
de espacio en blanco Cómo configurar un elemento de control en blanco 1
word-spacing la configuración del espaciado de palabras 1
colgando-puntuacion Especifica si una marca de puntuacion puede estar más allá de la caja de línea 3
puntuacion-trim Especifica si se debe quitar una marca de puntuacion 3
text-align-pasado Cuando text-align está configurado para justificar, la última línea de la alineación. 3
texto justificar de manera descentralizada especifica la alineación cuando text-align está configurado para justificar el tiempo. 3
texto-resumen Establecer el texto de esquema. 3
-desbordamiento de texto Elemento especifica cuando el texto incluido desbordamientos, lo que debería ocurrir 3
text-shadow Añadir una sombra al texto 3
ajuste del texto Las reglas especifican ajuste de texto 3
palabra-break Especifica reglas de rotura de línea para no CJK texto 3
word-wrap Ya sea para establecer el navegador para ser demasiado largo un ajuste de texto. 3

2D / 3D propiedades de transformación

propiedad explicación CSS
transformar Aplicar 2D o 3D de elementos de conversión 3
transformar origen Se le permite cambiar la posición del elemento de conversión 3
transformar al estilo El espacio 3D especificar cómo los elementos anidados 3
perspectiva Ver cómo especificar el elemento 3D es una vista en perspectiva 3
perspectiva origen elementos 3D especifican la posición inferior 3
del frente de refuerzo visibilidad Si la definición de un elemento debe ser visible, no delante de la pantalla 3

Transición (Transición) Propiedad

propiedad explicación CSS
transición Esta propiedad es una transición de la propiedad, la transición de la duración, el tiempo de transición de funciones, la transición de retardo de forma abreviada. 3
transición de la propiedad Prevista para la transición de las propiedades CSS. 3
transición de duración Ajuste la longitud de tiempo para la transición llevada a cabo. 3
transición de sincronización funciones Establecer la función de temporización de transición realizado. 3
transición de retardo Especifica comienza la transición. 3

La apariencia del usuario (User-interface) propiedades

propiedad explicación CSS
apariencia elementos de definición de estilo exterior 3
cuadro de dimensionamiento Se le permite adaptar la región para definir de algún modo ciertos elementos 3
icono Especificar un icono para el elemento 3
nav-down Especifica el usuario presiona la posición hacia abajo la tecla de navegación hacia abajo 3
NAV-índice Especifica navegación fin (pestaña). 3
nav-izquierda Especificar cuando el usuario presiona el botón a la izquierda para navegar por la ubicación 3
NAV-derecha Especifica que el usuario pulse la posición correcta cuando la navegación hacia la izquierda 3
nav-up Especifica el usuario pulsa la tecla navegar hasta una posición 3
esbozar-offset Ajuste del contorno del borde de desplazamiento fuera del marco de la frontera 3
cambiar el tamaño Si la definición de los elementos puede cambiar el tamaño 3