English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
el objeto Style representa una declaración de estilo individual.
se puede acceder al objeto Style desde el documento o desde el elemento al que se aplica el estilo.
la siguiente tabla enumera las propiedades del objeto Style.
“CSS” columna indica en qué versión de CSS se define la propiedad (CSS1，CSS2o CSS3）。
| propiedad | descripción | CSS |
|---|---|---|
| alignContent | cuando los elementos no utilizan todo el espacio disponible, establecer o devolver el modo de alineación entre las filas dentro del contenedor flexible | 3 |
| alignItems | establecer o devolver el modo de alineación de los elementos dentro del contenedor flexible | 3 |
| alignSelf | establecer o devolver el modo de alineación de los elementos seleccionados en el contenedor flexible | 3 |
| animation | todos los atributos de animación excepto animationPlayState | 3 |
| animationDelay | establecer o devolver el tiempo de inicio de la animación | 3 |
| animationDirection | establecer o devolver si la animación debe alternar una vez | 3 |
| animationDuration | establecer o devolver cuánto tiempo toma completar un ciclo de la animación en segundos o milisegundos | 3 |
| animationFillMode | establecer o devolver el valor aplicado fuera del tiempo de ejecución de la animación | 3 |
| animationIterationCount | establecer o devolver el número de veces que se reproducirá la animación | 3 |
| animationName | establecer o devolver el nombre de la animación @keyframes | 3 |
| animationTimingFunction | establecer o devolver la curva de velocidad de la animación | 3 |
| animationPlayState | establecer o devolver si la animación debe ejecutarse o pausarse | 3 |
| background | establecer o devolver todos los atributos de fondo en una declaración | 1 |
| backgroundAttachment | establecer o devolver si la imagen de fondo es fija o se desplaza con la página | 1 |
| backgroundColor | establecer o devolver el color de fondo del elemento | 1 |
| backgroundImage | establecer o devolver la imagen de fondo del elemento | 1 |
| backgroundPosition | establecer o devolver la posición de inicio de la imagen de fondo | 1 |
| backgroundRepeat | establecer o devolver cómo se repite (tapa) la imagen de fondo | 1 |
| backgroundClip | establecer o devolver la región de pintura del fondo | 3 |
| backgroundOrigin | establecer o devolver la región de ubicación de la imagen de fondo | 3 |
| backgroundSize | establecer o devolver el tamaño de la imagen de fondo | 3 |
| backfaceVisibility | establecer o devolver si el elemento debe ser visible cuando no está facing a la pantalla | 3 |
| border | Establecer o devolver borderWidth, borderStyle y borderColor en una declaración | 1 |
| borderBottom | Establecer o devolver todos los atributos de borde inferior en una declaración | 1 |
| borderBottomColor | Establecer o devolver el color del borde inferior | 1 |
| borderBottomLeftRadius | Establecer o devolver la forma del borde en la esquina inferior izquierda | 3 |
| borderBottomRightRadius | Establecer o devolver la forma del borde en la esquina inferior derecha | 3 |
| borderBottomStyle | Establecer o devolver el estilo del borde inferior | 1 |
| borderBottomWidth | Establecer o devolver el ancho del borde inferior | 1un |
| borderCollapse | Establecer o devolver si se debe plegar el borde de la tabla en una única línea | 2 |
| borderColor | Establecer o devolver el color del borde del elemento (puede haber hasta cuatro valores) | 1 |
| borderImage | Atributo abreviado para establecer o devolver todos los atributos de borderImage | 3 |
| borderImageOutset | Establecer o devolver la cantidad de la región de la imagen del borde que sobrepasa el borde | 3 |
| borderImageRepeat | Establecer o devolver si la imagen del borde debe repetirse, redondearse o estirarse | 3 |
| borderImageSlice | Establecer o devolver el desplazamiento hacia adentro del borde de la imagen | 3 |
| borderImageSource | Establecer o devolver la imagen utilizada como borde | 3 |
| borderImageWidth | Establecer o devolver el ancho del borde de la imagen | 3 |
| borderLeft | Establecer o devolver todos los atributos de borde izquierdo en una declaración | 1 |
| borderLeftColor | Establecer o devolver el color del borde izquierdo | 1 |
| borderLeftStyle | Establecer o devolver el estilo del borde izquierdo | 1 |
| borderLeftWidth | Establecer o devolver el ancho del borde izquierdo | 1un |
| borderRadius | Atributo abreviado para establecer o devolver todos los cuatro atributos de borderRadius | 3 |
| borderRight | Establecer o devolver todos los atributos de borde derecho en una declaración | 1 |
| borderRightColor | Establecer o devolver el color del borde derecho | 1 |
| borderRightStyle | Establecer o devolver el estilo del borde derecho | 1 |
| borderRightWidth | Establecer o devolver el ancho del borde derecho | 1 |
| borderSpacing | Establecer o devolver el espacio entre celdas en una tabla | 2 |
| borderStyle | Establecer o devolver el estilo del borde del elemento (puede haber hasta cuatro valores) | 1 |
| borderTop | Establecer o devolver todos los atributos de borde superior en una declaración | 1 |
| borderTopColor | Establecer o devolver el color del borde superior | 1 |
| borderTopLeftRadius | Establecer o devolver la forma del borde superior izquierdo | 3 |
| borderTopRightRadius | Establecer o devolver la forma del borde superior derecho | 3 |
| borderTopStyle | Establecer o devolver el estilo del borde superior | 1 |
| borderTopWidth | Establecer o devolver el ancho del borde superior | 1 |
| borderWidth | Establecer o devolver el ancho del borde del elemento (pueden haber hasta cuatro valores) | 1 |
| bottom | Establecer o devolver la posición inferior del elemento de posicionamiento | 2 |
| boxDecorationBreak | Establecer o devolver el comportamiento del fondo y el borde en los puntos de división de página o en los elementos en línea en los puntos de salto de línea | 3 |
| boxShadow | Agregar una o más sombras a la caja | 3 |
| boxSizing | Permite definir ciertos elementos para que se ajusten de alguna manera a una área | 3 |
| captionSide | Establecer o devolver la posición del título de la tabla | 2 |
| clear | Establecer o devolver la posición del elemento en relación con los objetos flotantes | 1 |
| clip | Establecer o devolver qué parte del elemento de posicionamiento está visible | 2 |
| color | Establecer o devolver el color del texto | 1 |
| columnCount | Establecer o devolver el número de columnas en las que debe dividirse el elemento | 3 |
| columnFill | Establecer o devolver cómo se rellenan las columnas | 3 |
| columnGap | Establecer o devolver el espacio entre las columnas | 3 |
| columnRule | Atributo abreviado para establecer o devolver todas las propiedades columnRule | 3 |
| columnRuleColor | Establecer o devolver el color de la regla entre las columnas | 3 |
| columnRuleStyle | Establecer o devolver el estilo de la regla entre las columnas | 3 |
| columnRuleWidth | Establecer o devolver el ancho de la regla entre las columnas | 3 |
| columns | Atributo abreviado para establecer o devolver columnWidth y columnCount | 3 |
| columnSpan | Establecer o devolver cuántas columnas debe cruzar el elemento | 3 |
| columnWidth | Establecer o devolver el ancho de la columna | 3 |
| content | Usar junto con los pseudo-elementos :before y :after para insertar contenido generado | 2 |
| counterIncrement | Incrementar uno o más contadores | 2 |
| counterReset | Crear o restablecer uno o más contadores | 2 |
| cursor | Establecer o devolver el tipo de cursor que se mostrará al puntero del ratón | 2 |
| direction | Establecer o devolver la dirección del texto | 2 |
| display | Establecer o devolver el tipo de visualización del elemento | 1 |
| emptyCells | Establecer o devolver si se debe mostrar el borde y el fondo de las celdas en blanco | 2 |
| filter | Establecer o devolver el filtro de imagen (efectos visuales, como el desenfoque y la saturación) | 3 |
| flex | Establecer o devolver la longitud del elemento en relación con el resto de la parte | 3 |
| flexBasis | Establecer o devolver la longitud inicial del material elástico | 3 |
| flexDirection | Establecer o devolver la dirección del elemento elástico | 3 |
| flexFlow | Atributo abreviado de flexDirection y flexWrap | 3 |
| flexGrow | Establecer o devolver la cantidad de crecimiento del elemento en relación con los demás elementos | 3 |
| flexShrink | Establecer o devolver la contracción del elemento en relación con los demás elementos | 3 |
| flexWrap | Establecer o devolver si el elemento elástico debe envolver | 3 |
| cssFloat | Establecer o devolver el alineamiento horizontal del elemento | 1 |
| font | Establecer o devolver fontStyle, fontVariant, fontWeight, fontSize, lineHeight y fontFamily en una declaración | 1 |
| fontFamily | Establecer o devolver la familia de fuentes del texto | 1 |
| fontSize | Establecer o devolver el tamaño de la fuente del texto | 1 |
| fontStyle | Establecer o devolver si el estilo de la fuente es normal, cursiva o cursiva | 1 |
| fontVariant | Establecer o devolver si la fuente se muestra en minúsculas o mayúsculas | 1 |
| fontWeight | Establecer o devolver el negrita de la fuente | 1 |
| fontSizeAdjust | Mantener la legibilidad del texto durante el reemplazo de fuentes | 3 |
| fontStretch | Elegir una fuente común, comprimida o extendida de la familia de fuentes | 3 |
| hangingPunctuation | Especificar si se puede colocar puntuación fuera del cuadro de línea | 3 |
| height | Establecer o devolver la altura del elemento | 1 |
| hyphens | Establecer cómo dividir las palabras para mejorar el diseño del párrafo | 3 |
| icon | Permitir al autor utilizar estilos equivalentes distintivos para establecer el estilo del elemento | 3 |
| imageOrientation | Especificar la rotación en sentido horario o a la derecha aplicada por el agente de usuario a la imagen | 3 |
| isolation | Definir si el elemento debe crear contenido de pila nuevo | 3 |
| justifyContent | Establecer o devolver el alineamiento del elemento en el contenedor elástico cuando no se utiliza todo el espacio disponible | 3 |
| left | Establecer o devolver la posición izquierda del elemento de alineación | 2 |
| letterSpacing | Establecer o devolver el espacio entre los caracteres de texto | 1 |
| lineHeight | Establecer o devolver la distancia entre las líneas de texto | 1 |
| listStyle | Establecer o devolver listStyleImage, listStylePosition y listStyleType en una declaración | 1 |
| listStyleImage | Establecer o devolver una imagen como marcador de elemento de lista | 1 |
| listStylePosition | Establecer o devolver la posición del marcador de elemento de lista | 1 |
| listStyleType | Establecer o devolver el tipo de marcador de elemento de lista | 1 |
| margin | establecer o devolver los márgenes del elemento (pueden haber hasta cuatro valores) | 1 |
| marginBottom | establecer o devolver el margen inferior del elemento | 1 |
| marginLeft | establecer o devolver el margen izquierdo del elemento | 1 |
| marginRight | establecer o devolver el margen derecho del elemento | 1 |
| marginTop | establecer o devolver el margen superior del elemento | 1 |
| maxHeight | establecer o devolver la altura máxima del elemento | 2 |
| maxWidth | establecer o devolver el ancho máximo del elemento | 2 |
| minHeight | establecer o devolver la altura mínima del elemento | 2 |
| minWidth | establecer o devolver el ancho mínimo del elemento | 2 |
| navDown | establecer o devolver la posición de navegación cuando se usa la tecla de navegación hacia abajo | 3 |
| navIndex | establecer o devolver el orden de tabulación del elemento | 3 |
| navLeft | establecer o devolver la posición a la que se navega cuando se usa la tecla de navegación hacia la izquierda | 3 |
| navRight | establecer o devolver la posición de navegación cuando se usa la tecla de navegación hacia la derecha | 3 |
| navUp | establecer o devolver la posición de navegación cuando se usa la tecla de navegación hacia arriba | 3 |
| objectFit | especificar cómo se debe ajustar el contenido del elemento de reemplazo al cuadro de altura y anchura que se utiliza | 3 |
| objectPosition | especificar la forma de alineación del elemento dentro de su cuadro al usar el elemento de reemplazo | 3 |
| opacity | establecer o devolver el nivel de opacidad del elemento | 3 |
| order | establecer o devolver el orden relativo del proyecto elástico en comparación con los demás proyectos | 3 |
| orphans | establecer o devolver el número mínimo de líneas que deben permanecer en la parte inferior de la página cuando ocurre un salto de página dentro del elemento | 2 |
| outline | establecer o devolver todas las propiedades de la silueta en una declaración | 2 |
| outlineColor | establecer o devolver el color de la silueta alrededor del elemento | 2 |
| outlineOffset | desplazar la silueta y dibujarla fuera del borde del cuadro | 3 |
| outlineStyle | establecer o devolver el estilo de la silueta alrededor del elemento | 2 |
| outlineWidth | establecer o devolver el ancho de la silueta alrededor del elemento | 2 |
| overflow | establecer o devolver la forma en que se maneja el contenido que se presenta fuera del cuadro del elemento | 2 |
| overflowX | especificar en la parte izquierda del contenido/cómo manejar el desbordamiento del borde derecho del elemento sobre el área de contenido del elemento | 3 |
| overflowY | especificar en la parte superior del contenido/cómo manejar el desbordamiento del borde inferior del elemento sobre el área de contenido del elemento | 3 |
| padding | establecer o devolver el relleno del elemento (puede contener hasta cuatro valores) | 1 |
| paddingBottom | establecer o devolver el relleno inferior del elemento | 1 |
| paddingLeft | establecer o devolver el relleno izquierdo del elemento | 1 |
| paddingRight | establecer o devolver el relleno derecho del elemento | 1 |
| paddingTop | establecer o devolver el relleno superior del elemento | 1 |
| pageBreakAfter | establecer o devolver el comportamiento del salto de página después del elemento | 2 |
| pageBreakBefore | Establecer o devolver el comportamiento del signo de página antes del elemento | 2 |
| pageBreakInside | Establecer o devolver el comportamiento del signo de página dentro del elemento | 2 |
| perspective | Establecer o devolver cómo se debe ver3La perspectiva del elemento D | 3 |
| perspectiveOrigin | Establecer o devolver3La posición inferior del elemento D | 3 |
| position | Establecer o devolver el tipo de método de alineación utilizado para el elemento (estático, relativo, absoluto o fijo) | 2 |
| quotes | Establecer o devolver el tipo de comillas utilizado para las comillas incrustadas | 2 |
| resize | Establecer o devolver si el elemento puede ser ajustado en tamaño por el usuario | 3 |
| right | Establecer o devolver la posición correcta del elemento de alineación | 2 |
| tableLayout | Establecer o devolver la forma de disponer las celdas de tabla, filas y columnas | 2 |
| tabSize | Establecer o devolver la longitud del tabulador | 3 |
| textAlign | Establecer o devolver el modo de alineación horizontal del texto | 1 |
| textAlignLast | Establecer o devolver el modo de alineación antes de la ruptura de línea forzada cuando el texto se alinea en 'justify' | 3 |
| textDecoration | Establecer o devolver la decoración del texto | 1 |
| textDecorationColor | Establecer o devolver el color de la decoración del texto | 3 |
| textDecorationLine | Establecer o devolver el tipo de línea en la decoración del texto | 3 |
| textDecorationStyle | Establecer o devolver el estilo de la línea en la decoración del texto | 3 |
| textIndent | Establecer o devolver el sangrado del primer renglón del texto | 1 |
| textJustify | Establecer o devolver el método de alineación utilizado cuando el texto se alinea en 'justify' | 3 |
| textOverflow | Establecer o devolver lo que debe ocurrir cuando el texto se desborda del elemento contenedor | 3 |
| textShadow | Establecer o devolver el efecto de sombra del texto | 3 |
| textTransform | Establecer o devolver la mayúscula del texto | 1 |
| top | Establecer o devolver la posición superior del elemento de alineación | 2 |
| transform | Convertir2O3La transformación D se aplica al elemento | 3 |
| transformOrigin | Establecer o devolver la posición del elemento después de la transformación | 3 |
| transformStyle | Establecer o devolver en3El modo de renderizado de elementos anidados en el espacio D | 3 |
| transition | Usado para establecer o devolver la propiedad abreviada de cuatro propiedades de transición | 3 |
| transitionProperty | Establecer o devolver las propiedades CSS a las que se aplica el efecto de transición | 3 |
| transitionDuration | Establecer o devolver los segundos o milisegundos necesarios para que el efecto de transición se complete | 3 |
| transitionTimingFunction | Establecer o devolver la curva de velocidad del efecto de transición | 3 |
| transitionDelay | Establecer o devolver el tiempo de inicio del efecto de transición | 3 |
| unicodeBidi | Establecer o devolver si se debe anidar el texto para admitir varios idiomas en el mismo documento | 2 |
| userSelect | Establecer o devolver si el texto del elemento puede seleccionarse | 2 |
| verticalAlign | Establecer o devolver la alineación vertical del contenido del elemento | 1 |
| visibility | Establecer o devolver si el elemento debe ser visible | 2 |
| whiteSpace | Establecer o devolver cómo manejar los tabuladores, saltos de línea y espacios en el texto | 1 |
| width | Establecer o devolver el ancho del elemento | 1 |
| wordBreak | Establecer o devolver las reglas de salto de línea para scripts no CJK | 3 |
| wordSpacing | Establecer o devolver el espacio entre las palabras en el texto | 1 |
| wordWrap | Permitir que las palabras largas y sólidas se rompan y se salten a la siguiente línea | 3 |
| widows | Establecer o devolver el número mínimo de líneas que debe estar visible en la parte superior de la página del elemento | 2 |
| zIndex | Establecer o devolver el orden de apilamiento del elemento de ubicación | 2 |
Tutoriales de HTML:HTML CSS
Tutoriales de CSS:Tutoriales de CSS
Referencia de HTML:Etiqueta <style> de HTML
Referencia de CSS:Atributos de CSS