{"id":8606,"date":"2022-02-22T13:00:00","date_gmt":"2022-02-22T12:00:00","guid":{"rendered":"https:\/\/carontestudio.com\/blog\/?p=8606"},"modified":"2025-06-25T14:09:28","modified_gmt":"2025-06-25T12:09:28","slug":"listado-de-propiedades-css","status":"publish","type":"post","link":"https:\/\/carontestudio.com\/blog\/listado-de-propiedades-css\/","title":{"rendered":"Listado de propiedades CSS"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">En este art\u00edculo se muestra un <strong>listado de propiedades CSS completo<\/strong>, adem\u00e1s de informaci\u00f3n sobre que es CSS y para qu\u00e9 sirve.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"que-es-css\">Qu\u00e9 es CSS<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>CSS<\/strong> es la abreviatura para <em><strong>Casding Style Sheets<\/strong><\/em> (hojas de estilo en cascada). CSS es un lenguaje de marcas que permite definir el dise\u00f1o y presentaci\u00f3n de una p\u00e1gina web, funciona junto con HTML que se encarga de la estructura y del contenido de la p\u00e1gina. Tener conocimientos de CSS es indispensable hoy en d\u00eda a la hora de <a href=\"https:\/\/carontestudio.com\/diseno-web\/diseno-web-vitoria\">dise\u00f1ar un sitio web<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"para-que-sirve-css\">Para qu\u00e9 sirve CSS<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Con CSS puedes crear una serie de reglas que le indican a tu estructura HTML c\u00f3mo se debe mostrar la informaci\u00f3n. Los estilos CSS se pueden definir en tres \u00e1mbitos distintos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Definici\u00f3n en l\u00ednea:<\/strong> Los estilos se definen en la propia estructura HTML.<\/li>\n\n\n\n<li><strong>Hoja de estilos interna:<\/strong> Los estilos se definen en la propia p\u00e1gina utilizando la etiqueta <em>&lt;style&gt;.<\/em><\/li>\n\n\n\n<li><strong>Hoja de estilos externa:<\/strong> Los estilos CSS se definen en un archivo externo con la extensi\u00f3n <em>.css<\/em>, es la forma m\u00e1s recomendable.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"listado-completo-de-propiedades-css\">Listado completo de propiedades CSS<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La siguiente secci\u00f3n contiene una tabla completa con las propiedades CSS que existen junto con una breve descripci\u00f3n y los valores que admite cada propiedad.<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-stripes thCenter\"><table><thead><tr><th>Propiedad<\/th><th>Descripci\u00f3n<\/th><th>Valores admitidos<\/th><\/tr><\/thead><tbody><tr><td>align-content<\/td><td>Especifica la alineaci\u00f3n predeterminada de los elementos dentro del contenedor flexible cuando dichos elementos ocupan m\u00e1s de una linea.<\/td><td><strong>flexbox align-content:<\/strong> flex-start | flex-end | center | space-between | space-around | stretch;<br><strong>grid align-content:<\/strong> start | end | center | space-between | space-around | stretch | space-evenly<\/td><\/tr><tr><td>align-items<\/td><td>Especifica la alineaci\u00f3n predeterminada de los elementos dentro del contenedor flexible cuando dichos elementos ocupan una sola linea. <\/td><td><strong>flexbox align-items:<\/strong> flex-start | flex-end | center | baseline | stretch;<br><strong>grid align-items:<\/strong> start | end | center | baseline | stretch;<\/td><\/tr><tr><td>align-self<\/td><td>Especifica la alineaci\u00f3n de los elementos seleccionados dentro del contenedor flexible.<\/td><td><strong>flexbox align-self:<\/strong> flex-start | flex-end | center | baseline | stretch;<br><strong>grid align-self:<\/strong> start | end | center | stretch<\/td><\/tr><tr><td>all<\/td><td>Establece el valor de todas las propiedades del elemento seleccionado.<\/td><td>initial | inherit | unset<\/td><\/tr><tr><td>animation<\/td><td>Especifica las animaciones basadas en <em>keyframes<\/em>.<\/td><td>nombre duraci\u00f3n retardo n\u00famero-de-iteraciones direcci\u00f3n estado-de-la-animaci\u00f3n<\/td><\/tr><tr><td>animation-delay<\/td><td>Define el n\u00famero de segundos (s) o milisegundos (ms) a esperar antes de que comience la animaci\u00f3n<\/td><td>time | initial | inherit;<\/td><\/tr><tr><td>animation-direction<\/td><td>Define si una animaci\u00f3n debe reproducirse hacia adelante, hacia atr\u00e1s o en ciclos alternos<\/td><td>normal | reverse | alternate | alternate-reverse | initial | inherit;<\/td><\/tr><tr><td>animation-duration<\/td><td>Especifica cu\u00e1nto tiempo debe tomar una animaci\u00f3n para completar un ciclo.<\/td><td>time | initial | inherit;<\/td><\/tr><tr><td>animation-fill-mode<\/td><td>Especifica un estilo para el elemento cuando la animaci\u00f3n no se est\u00e1 reproduciendo.<\/td><td>none | forwards | backwards | both | initial | inherit;<\/td><\/tr><tr><td>animation-iteration-count<\/td><td>Indica el n\u00famero de veces que se debe reproducir una animaci\u00f3n.<\/td><td>number | infinite | initial | inherit;<\/td><\/tr><tr><td>animation-name<\/td><td>Especifica un nombre para la animaci\u00f3n @keyframes.<\/td><td>nombrekeyframe | none | initial | inherit;<\/td><\/tr><tr><td>animation-play-state<\/td><td>Esta propiedad indica si la animaci\u00f3n est\u00e1 en ejecuci\u00f3n o en pausa.<\/td><td>paused | running | initial | inherit;<\/td><\/tr><tr><td>animation-timing-function<\/td><td>Especifica el TIEMPO que usa una animaci\u00f3n para cambiar de un conjunto de estilos CSS a otro.<\/td><td>linear | ease | ease-in | ease-out | ease-in-out | step-start | step-end | steps(int,start|end) | cubic-bezier(n,n,n,n) | initial | inherit;<\/td><\/tr><tr><td>backface-visibility<\/td><td>Define si la cara posterior de un elemento debe ser visible o no cuando mira al usuario.<br>Esta propiedad es \u00fatil cuando se gira un elemento. Te permite elegir si el usuario debe ver la cara posterior o no.<\/td><td>visible | hidden | initial | inherit;<\/td><\/tr><tr><td>background<\/td><td>Es una propiedad abreviada para:<br>background-color<br>background-image<br>background-position<br>background-size<br>background-repeat<br>background-origin<br>background-clip<br>background-attachment<\/td><td>bg-color bg-image position\/bg-size bg-repeat bg-origin bg-clip bg-attachment initial | inherit;<\/td><\/tr><tr><td>background-attachment<\/td><td>Establece si una imagen de fondo se desplaza con el resto de la p\u00e1gina o si es fija.<\/td><td>scroll | fixed | local | initial | inherit;<\/td><\/tr><tr><td>background-blend-mode<\/td><td>Define el modo de fusi\u00f3n de cada capa de fondo (color y\/o imagen).<\/td><td>normal | multiply | screen | overlay | darken | lighten | color-dodge | saturation | color | luminosity;<\/td><\/tr><tr><td>background-clip<\/td><td>Indica hasta d\u00f3nde debe extenderse el fondo (color o imagen) dentro de un elemento.<\/td><td>border-box | padding-box | content-box | initial | inherit;<\/td><\/tr><tr><td>background-color<\/td><td>Establece el color de fondo de un elemento.<\/td><td>color | transparent | initial | inherit;<\/td><\/tr><tr><td>background-image<\/td><td>Establece una o m\u00e1s im\u00e1genes de fondo para un elemento.<\/td><td>url | none | initial | inherit;<\/td><\/tr><tr><td>background-origin<\/td><td>Especifica la posici\u00f3n de origen (el \u00e1rea de posicionamiento de fondo) de una imagen de fondo.<\/td><td>padding-box | border-box | content-box | initial | inherit;<\/td><\/tr><tr><td>background-position<\/td><td>Establece la posici\u00f3n inicial de una imagen de fondo. El primer valor es la posici\u00f3n horizontal y el segundo la posici\u00f3n vertical.<\/td><td>left top<br>left center<br>left bottom<br>right top<br>right center<br>right bottom<br>center top<br>center center<br>center bottom <br>etc.<\/td><\/tr><tr><td>background-repeat<\/td><td>Estable c\u00f3mo o s\u00ed se repetir\u00e1 una imagen de fondo.<\/td><td>repeat | repeat-x | repeat-y | no-repeat | initial | inherit;<\/td><\/tr><tr><td>background-size<\/td><td>Establece el tama\u00f1o de las im\u00e1genes de fondo.<\/td><td>auto | length | cover | contain | initial | inherit;<\/td><\/tr><tr><td>border<\/td><td>Es una abreviatura de las propiedades:<br>border-width<br>border-style (requerido)<br>border-color<\/td><td>border-width border-style border-color | initial | inherit;<\/td><\/tr><tr><td>border-bottom *<\/td><td>Es una abreviatura de las propiedades: <br>border-bottom-width<br>border-bottom-style<br>border-bottom-color<\/td><td>border-width border-style border-color | initial | inherit;<\/td><\/tr><tr><td>border-bottom-color *<\/td><td>Establece el color del borde inferior de un elemento.<\/td><td>color | transparent | initial | inherit;<\/td><\/tr><tr><td>border-bottom-left-radius *<\/td><td>Define el radio de la esquina inferior izquierda.<\/td><td>length | % [length|%] | initial | inherit;<\/td><\/tr><tr><td>border-bottom-right-radius *<\/td><td> Define el radio de la esquina inferior derecha.<\/td><td>length |% [length |%] | initial | inherit;<\/td><\/tr><tr><td>border-bottom-style *<\/td><td>Establece el estilo del borde inferior de un elemento<\/td><td>none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit;<\/td><\/tr><tr><td>border-bottom-width *<\/td><td>Establece el ancho del borde inferior de un elemento.<\/td><td>medium | thin | thick | <em>length <\/em>| initial | inherit;<\/td><\/tr><tr><td><strong>En las propiedades marcadas con un asterisco, <em>bottom <\/em>es sustituible por <em>top, left <\/em>y right.<\/strong><\/td><td>top: Hace referencia al borde superior<br>left: Hace referencia al borde izquierdo<br>right:  Hace referencia al borde derecho.<\/td><td><\/td><\/tr><tr><td>border-collapse<\/td><td>Establece si los bordes de la tabla deben contraerse en un solo borde o estar separados como en HTML est\u00e1ndar<\/td><td>separate | collapse | initial | inherit;<\/td><\/tr><tr><td>border-color<\/td><td>Establece el color de los cuatro bordes de un elemento. Esta propiedad puede tener de uno a cuatro valores para especificar el color de los bordes superior, derecha, inferior e izquierda respectivamente.<\/td><td><em>color<\/em> | transparent | initial | inherit;<\/td><\/tr><tr><td>border-image<\/td><td>Permite especificar una imagen para usarla como borde alrededor de un elemento<\/td><td>source slice width outset repeat | initial | inherit;<\/td><\/tr><tr><td>border-image-outset<\/td><td>Especifica la cantidad en la que el \u00e1rea de la imagen del borde se extiende m\u00e1s all\u00e1 del cuadro del borde.<\/td><td><em>length <\/em>| <em>number <\/em>| initial | inherit;<\/td><\/tr><tr><td>border-image-repeat<\/td><td>Especifica si la imagen del borde debe repetirse, redondearse, espaciarse o estirarse<\/td><td>stretch | repeat | round | space | initial | inherit;<\/td><\/tr><tr><td>border-image-slice<\/td><td>Especifica c\u00f3mo dividir la imagen indicada por border-image-source. La imagen siempre se divide en nueve secciones: cuatro esquinas, cuatro bordes y el medio.<\/td><td><em>number<\/em> | % | fill | initial | inherit;<\/td><\/tr><tr><td>border-image-source<\/td><td>Especifica la ruta a la imagen que se usar\u00e1 como borde (en lugar del borde normal alrededor de un elemento).<\/td><td>none | <em>image <\/em>| initial | inherit;<\/td><\/tr><tr><td>border-image-width<\/td><td>Establece el ancho de la imagen del borde.<\/td><td><em>number <\/em>| <em>% <\/em>| auto | initial | inherit;<\/td><\/tr><tr><td>border-radius<\/td><td>Define el radio de las esquinas del borde del elemento.<\/td><td><em>length <\/em>| <em>%<\/em> \/ <em>1-4 length <\/em>| <em>% <\/em>| initial | inherit;<\/td><\/tr><tr><td>border-spacing<\/td><td>Establece la distancia entre los bordes de las celdas adyacentes.<\/td><td><em>length <\/em>| initial | inherit;<\/td><\/tr><tr><td>border-style<\/td><td>Establece el estilo de los cuatro bordes de un elemento. Esta propiedad puede tener de uno a cuatro valores.<\/td><td>none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit;<\/td><\/tr><tr><td>border-width<\/td><td>Establece el ancho de los cuatro bordes de un elemento. Esta propiedad puede tener de uno a cuatro valores<\/td><td>medium | thin | thick | <em>length <\/em>| initial | inherit;<\/td><\/tr><tr><td>bottom<\/td><td>Afecta a la posici\u00f3n vertical de un elemento posicionado. Esta propiedad no tiene efecto en elementos no posicionados.<\/td><td>auto | <em>length <\/em>| initial | inherit;<\/td><\/tr><tr><td>box-decoration-break<\/td><td>Especifica como se aplican las propiedades background, padding, border, border-image, box-shadow, margin, y clip-path de un elemento cuando la caja de un elemento est\u00e1 fragmentada.<\/td><td>slice | clone | initial | inherit | unset;<\/td><\/tr><tr><td>box-shadow<\/td><td>Adjunta una o m\u00e1s sombras a un elemento.<\/td><td>none | <em>h-offset v-offset blur spread color<\/em> | inset | initial | inherit;<\/td><\/tr><tr><td>box-sizing<\/td><td>Define c\u00f3mo se calculan el ancho y el alto de un elemento: si deben incluir relleno y bordes, o no.<\/td><td>content-box | border-box | initial | inherit;<\/td><\/tr><tr><td>break-after<\/td><td>Especifica si se debe producir o no un salto de p\u00e1gina, un salto de columna o un salto de regi\u00f3n <strong>despu\u00e9s <\/strong>del elemento especificado.<\/td><td>auto | all | always | avoid | avoid-column | avoid-page | avoid-region | column | left | page | recto | region | right | verso | initial | inherit;<\/td><\/tr><tr><td>break-before<\/td><td>Especifica si se debe producir o no un salto de p\u00e1gina, un salto de columna o un salto de regi\u00f3n <strong>antes <\/strong>del elemento especificado.<\/td><td>auto | all | always | avoid | avoid-column | avoid-page | avoid-region | column | left | page | recto | region | right | verso | initial | inherit;<\/td><\/tr><tr><td>break-inside<\/td><td> Especifica si se debe producir o no un salto de p\u00e1gina, un salto de columna o un salto de regi\u00f3n <strong>dentro <\/strong>del elemento especificado. <\/td><td>auto | all | always | avoid | avoid-column | avoid-page | avoid-region | column | left | page | recto | region | right | verso | initial | inherit;<\/td><\/tr><tr><td>caption-side<\/td><td>Especifica la ubicaci\u00f3n de un t\u00edtulo de tabla<\/td><td>top | bottom | initial | inherit;<\/td><\/tr><tr><td>caret-color<\/td><td>Especifica el color del cursor (signo de intercalaci\u00f3n) en entradas, \u00e1reas de texto o cualquier elemento que sea editable.<\/td><td>auto | color | initial | inherit;<\/td><\/tr><tr><td>@charset<\/td><td>La regla @charset especifica la codificaci\u00f3n de caracteres utilizada en la hoja de estilo.<\/td><td>@charset \u00abcharset\u00bb;<\/td><\/tr><tr><td>clear<\/td><td>Controla el flujo junto a los elementos flotantes.<\/td><td>none | left | right | both | initial | inherit;<\/td><\/tr><tr><td>clip<\/td><td>Permite especificar un rect\u00e1ngulo para recortar un elemento absolutamente posicionado. El rect\u00e1ngulo se especifica como cuatro coordenadas, todas desde la esquina superior izquierda del elemento que se va a recortar. <br>No funciona con \u00aboverflow: visible\u00bb.<\/td><td>auto | shape | initial | inherit;<\/td><\/tr><tr><td>clip-path<\/td><td>Permite recortar un elemento a una forma b\u00e1sica o a una fuente SVG.<\/td><td>clip-source | basic-shape | margin-box | border-box | padding-box | content-box | fill-box | stroke-box | view-box | none | initial | inherit;<\/td><\/tr><tr><td>color<\/td><td>Establece el <a href=\"https:\/\/carontestudio.com\/blog\/colores-html\/\">color<\/a> del texto.<\/td><td><em>color <\/em>| initial | inherit;<\/td><\/tr><tr><td>column-count<\/td><td>Especifica el n\u00famero de columnas en las que se debe dividir un elemento.<\/td><td><em>number <\/em>| auto | initial | inherit;<\/td><\/tr><tr><td>column-fill<\/td><td>Especifica c\u00f3mo llenar columnas, equilibradas o no.<\/td><td>balance | auto | initial | inherit;<\/td><\/tr><tr><td>column-gap<\/td><td>Establece el espacio entre las columnas.<\/td><td><em>length<\/em> | normal | initial | inherit;<\/td><\/tr><tr><td>column-rule<\/td><td>Establece el ancho, el estilo y el color de la regla entre columnas.<\/td><td><em>column-rule-width column-rule-style column-rule-color<\/em> | initial | inherit;<\/td><\/tr><tr><td>column-rule-color<\/td><td>Especifica el color de la regla entre columnas.<\/td><td><em>color<\/em> | initial | inherit;<\/td><\/tr><tr><td>column-rule-style<\/td><td>Indica el estilo de la regla entre columnas.<\/td><td>none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit;<\/td><\/tr><tr><td>column-rule-width<\/td><td>Especifica el ancho de la regla entre columnas.<\/td><td>medium | thin | thick | length | initial | inherit;<\/td><\/tr><tr><td>column-span<\/td><td>Especifica cu\u00e1ntas columnas debe abarcar un elemento.<\/td><td>none | all | initial | inherit;<\/td><\/tr><tr><td>column-width<\/td><td>Establece el ancho de una columna.<\/td><td>auto | <em>length <\/em>| initial | inherit;<\/td><\/tr><tr><td>columns<\/td><td>Es una propiedad abreviada para:<br>column-width<br>column-count<\/td><td>auto | <em>column-width column-count<\/em> | initial | inherit;<\/td><\/tr><tr><td>content<\/td><td>Se utiliza con los pseudo-elementos<strong> ::before<\/strong> y <strong>::after<\/strong>, para insertar contenido generado<\/td><td>normal | none | counter | attr | <em>string <\/em> | open-quote | close-quote | no-open-quote | no-close-quote | <em>url <\/em>| initial | inherit;<\/td><\/tr><tr><td>counter-increment<\/td><td>Aumenta o disminuye el valor de uno o m\u00e1s contadores CSS.<\/td><td>none | <em>id<\/em> | initial | inherit;<\/td><\/tr><tr><td>counter-reset<\/td><td>Crea o restablece uno o m\u00e1s contadores CSS.<br>Generalmente se usa junto con las propiedades <em>counter-increment<\/em> y <em>content<\/em>.<\/td><td>none | <em>name number <\/em>| initial | inherit;<\/td><\/tr><tr><td>cursor<\/td><td>Especifica el cursor del rat\u00f3n que se mostrar\u00e1 cuando se apunte sobre un elemento.<\/td><td>cursor:&nbsp;<em>valor<\/em>;<\/td><\/tr><tr><td>direction<\/td><td>Especifica la direcci\u00f3n del texto o la direcci\u00f3n de escritura dentro de un elemento a nivel de bloque. M\u00e1s informaci\u00f3n <a href=\"https:\/\/www.w3schools.com\/cssref\/pr_class_cursor.asp\" target=\"_blank\" rel=\"noreferrer noopener\">aqu\u00ed<\/a>.<\/td><td>ltr | rtl | initial | inherit;<\/td><\/tr><tr><td>display<\/td><td>Establece el comportamiento de visualizaci\u00f3n (el tipo de cuadro de representaci\u00f3n) de un elemento.<\/td><td>inline | block | contents | flex | grid | inline-block | inline-flex | inline-table | list-item | run-in M\u00e1s informaci\u00f3n <a href=\"https:\/\/www.w3schools.com\/cssref\/pr_class_display.asp\" target=\"_blank\" rel=\"noreferrer noopener\">aqu\u00ed<\/a>.<\/td><\/tr><tr><td>empty-cells<\/td><td><br>Establece si mostrar o no los bordes en las celdas vac\u00edas de una tabla.<\/td><td>show | hide | initial | inherit;<\/td><\/tr><tr><td>filter&nbsp;<\/td><td>Define efectos visuales (como desenfoque y saturaci\u00f3n) a un elemento (a menudo utilizado para im\u00e1genes).<\/td><td>none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();<\/td><\/tr><tr><td>flex<\/td><td>Es una propiedad abreviada para:<br>flex-grow<br>flex-shrink<br>flex-basis<br>Establece la longitud flexible en elementos flexibles.<\/td><td><em>flex-grow<\/em>&nbsp;<em>flex-shrink<\/em>&nbsp;<em>flex-basis<\/em> | auto | initial | inherit;<\/td><\/tr><tr><td>flex-basis<\/td><td>Especifica la longitud inicial de un elemento flexible.<\/td><td><em>number<\/em> | auto | initial | inherit;<\/td><\/tr><tr><td>flex-direction<\/td><td>Esta propiedad indica la direcci\u00f3n de los elementos flexibles.<\/td><td>row | row-reverse | column | column-reverse | initial | inherit;<\/td><\/tr><tr><td>flex-flow<\/td><td>Es una abreviatura para las propiedades:<br>flex-direction<br>flex-wrap<br>Si los elementos no son elementos flexibles, la propiedad de flujo flexible no tiene efecto.<\/td><td>&nbsp;<em>flex-direction<\/em>&nbsp;<em>flex-wrap<\/em> | initial | inherit;<\/td><\/tr><tr><td>flex-grow<\/td><td>Especifica cu\u00e1nto crecer\u00e1 el elemento en relaci\u00f3n con el resto de elementos flexibles dentro del mismo contenedor.<\/td><td><em>number<\/em> | initial | inherit;<\/td><\/tr><tr><td>flex-shrink<\/td><td>Establece c\u00f3mo se encoger\u00e1 el elemento en relaci\u00f3n con el resto de los elementos flexibles dentro del mismo contenedor.<\/td><td> <em>number<\/em> | initial | inherit; <\/td><\/tr><tr><td>flex-wrap<\/td><td>La propiedad especifica si los elementos flexibles deben ajustarse o no.<\/td><td>nowrap | wrap | wrap-reverse | initial | inherit;<\/td><\/tr><tr><td>float<\/td><td>Especifica si un elemento debe flotar a la izquierda, a la derecha o no flotar en absoluto. <br>Los elementos posicionados de manera absoluta ignoran la propiedad <em>float<\/em>. Los elementos junto a un elemento flotante fluir\u00e1n a su alrededor. Para evitar esto, use la propiedad clear<\/td><td>none | left | right | initial | inherit;<\/td><\/tr><tr><td>font<\/td><td>Es una abreviatura para las propiedades:<br>font-style<br>font-variant<br>font-weight<br>font-size\/line-height<br>font-family<\/td><td><em>font-style<\/em>&nbsp;<em>font-variant<\/em>&nbsp;<em>font-weight<\/em>&nbsp;<em>font-size\/line-height font-family<\/em> | caption | icon | menu | message-box | small-caption | status-bar | initial | inherit;<\/td><\/tr><tr><td>@font-face<\/td><td>Se deben definir un nombre para la fuente (por ejemplo, miFuente), y luego apuntar al archivo de fuente.<\/td><td>@font-face&nbsp;{<br>&nbsp;&nbsp;<em>font-properties<\/em><br>}<\/td><\/tr><tr><td>font-family<\/td><td>Especifica la fuente de texto para un elemento. Es posible especificar varios nombres de fuente como un sistema \u00abalternativo\u00bb. Si el navegador no admite la primera fuente, prueba con la siguiente fuente.<\/td><td>family-name | generic-family | initial | inherit;<\/td><\/tr><tr><td>font-feature-settings<\/td><td>Permite el control sobre caracter\u00edsticas tipogr\u00e1ficas avanzadas en fuentes OpenType.<\/td><td>normal | <em>feature-value<\/em>;<\/td><\/tr><tr><td>font-kerning<\/td><td>Controla el uso de la informaci\u00f3n de interletraje almacenada en una fuente.<\/td><td>auto | normal | none;<\/td><\/tr><tr><td>font-size<\/td><td>Establece el tama\u00f1o de una fuente.<\/td><td>medium | xx-small | x-small | small | large | x-large | xx-large | smaller | larger | <em>length <\/em>| initial | inherit;<\/td><\/tr><tr><td>font-size-adjust<\/td><td>Le brinda un mejor control del tama\u00f1o de la fuente cuando la primera fuente seleccionada no est\u00e1 disponible. Cuando una fuente no est\u00e1 disponible, el navegador usa la segunda fuente especificada. Esto podr\u00eda resultar en un gran cambio para el tama\u00f1o de fuente. Para evitar esto, utilice la propiedad font-size-adjust.<\/td><td><em>number<\/em> | none | initial | inherit;<\/td><\/tr><tr><td>font-stretch<\/td><td>Le permite hacer que el texto sea m\u00e1s angosto (condensado) o m\u00e1s ancho (expandido).<\/td><td>ultra-condensed | extra-condensed | condensed | semi-condensed | normal | semi-expanded | expanded | extra-expanded | ultra-expanded | initial | inherit;<\/td><\/tr><tr><td>font-style<\/td><td>Especifica el estilo de fuente para un texto.<\/td><td>Normal | italic | oblique | initial | inherit;<\/td><\/tr><tr><td>font-variant<\/td><td>Especifica si un texto debe mostrarse o no en may\u00fasculas peque\u00f1as.<\/td><td>normal | small-caps | initial | inherit;<\/td><\/tr><tr><td>font-variant-caps<\/td><td>Controla el uso de glifos alternativos para letras may\u00fasculas.<\/td><td>normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps | initial | inherit | unset;<\/td><\/tr><tr><td>font-weight<\/td><td>Establece qu\u00e9 tan gruesos o delgados deben mostrarse los caracteres del texto.<\/td><td>normal | bold | bolder | lighter | <em>number <\/em>| initial | inherit;<\/td><\/tr><tr><td>gap<\/td><td>Define el tama\u00f1o del espacio entre las filas y las columnas.<\/td><td><em>row-gap column-gap<\/em>;<\/td><\/tr><tr><td>grid<\/td><td>Es una abreviatura para las propiedades:<br>grid-template-rows<br>grid-template-columns<br>grid-template-areas<br>grid-auto-rows<br>grid-auto-columns<br>grid-auto-flow<\/td><td>none | <em>grid-template-rows<\/em>&nbsp;\/&nbsp;<em>grid-template-columns<\/em> | <em>grid-template-areas<\/em> | <em>grid-template-rows<\/em>&nbsp;\/&nbsp;<em>[grid-auto-flow] grid-auto-columns<\/em> | <em>[grid-auto-flow] grid-auto-rows<\/em>&nbsp;\/&nbsp;<em>grid-template-columns<\/em> | initial | inherit;<\/td><\/tr><tr><td>grid-area<\/td><td>Especifica el tama\u00f1o y la ubicaci\u00f3n de un elemento de cuadr\u00edcula en un dise\u00f1o de cuadr\u00edcula y es una propiedad abreviada para las siguientes propiedades:<br>grid-row-start<br>grid-column-start<br>grid-row-end<br>grid-column-end<\/td><td><em>grid-row-start \/ grid-column-start \/ grid-row-end \/ grid-column-end&nbsp;<\/em>|<em>&nbsp;itemname<\/em>;<\/td><\/tr><tr><td>grid-auto-columns<\/td><td>Establece un tama\u00f1o para las columnas en un contenedor grid.<\/td><td>auto | max-content | min-content | <em>length<\/em>;<\/td><\/tr><tr><td>grid-auto-flow<\/td><td>Controla c\u00f3mo se insertan en la cuadr\u00edcula los elementos colocados autom\u00e1ticamente.<\/td><td>row | column | dense | row dense | column dense;<\/td><\/tr><tr><td>grid-auto-rows<\/td><td>Establece un tama\u00f1o para las filas en un contenedor de cuadr\u00edcula.<\/td><td>auto | max-content | min-content | <em>length<\/em>;<\/td><\/tr><tr><td>grid-column<\/td><td>Especifica el tama\u00f1o y la ubicaci\u00f3n de un elemento de cuadr\u00edcula en un dise\u00f1o de cuadr\u00edcula y es una propiedad abreviada para las siguientes propiedades:<br>grid-column-start<br>grid-column-end<\/td><td><em>grid-column-start \/ grid-column-end<\/em>;<\/td><\/tr><tr><td>grid-column-end<\/td><td>Define cu\u00e1ntas columnas abarcar\u00e1 un elemento, o en qu\u00e9 l\u00ednea de columna terminar\u00e1 el elemento.<\/td><td>auto | span&nbsp;<em>n<\/em> | <em>column-line<\/em>;<\/td><\/tr><tr><td>grid-column-gap<\/td><td>Define el tama\u00f1o del espacio entre las columnas en un dise\u00f1o de cuadr\u00edcula.<\/td><td>grid-column-gap:&nbsp;<em>length<\/em>;<\/td><\/tr><tr><td>grid-column-start<\/td><td>Define en qu\u00e9 l\u00ednea de columna comenzar\u00e1 el elemento.<\/td><td>auto | span&nbsp;<em>n <\/em>| <em>column-line<\/em>;<\/td><\/tr><tr><td>grid-gap<\/td><td>Define el tama\u00f1o del espacio entre las filas y las columnas en un dise\u00f1o de cuadr\u00edcula y es una propiedad abreviada para las siguientes propiedades:<br>grid-row-gap<br>grid-column-gap<\/td><td><em>grid-row-gap grid-column-gap<\/em>;<\/td><\/tr><tr><td>grid-row<\/td><td>Especifica el tama\u00f1o y la ubicaci\u00f3n de un elemento de cuadr\u00edcula en un elemento grid y es una propiedad abreviada para las siguientes propiedades:<br>grid-row-start<br>grid-row-end<\/td><td><em>grid-row-start \/ grid-row-end<\/em>;<\/td><\/tr><tr><td>grid-row-end<\/td><td>Define cu\u00e1ntas filas abarcar\u00e1 un elemento, o en qu\u00e9 l\u00ednea de fila terminar\u00e1 el elemento<\/td><td>auto | <em>row-line <\/em>| span&nbsp;<em>n<\/em>;<\/td><\/tr><tr><td>grid-row-gap<\/td><td>Define el tama\u00f1o del espacio entre las filas en un dise\u00f1o de cuadr\u00edcula.<\/td><td>grid-row-gap:&nbsp;<em>length<\/em>;<\/td><\/tr><tr><td>grid-row-start<\/td><td>Define en qu\u00e9 l\u00ednea de fila comenzar\u00e1 el elemento.<\/td><td>grid-row-start: auto|<em>row-line<\/em>;<\/td><\/tr><tr><td>grid-template<\/td><td>Es una propiedad abreviada para las siguientes propiedades:<br>grid-template-rows<br>grid-template-columns<br>grid-template-areas<\/td><td>none | <em>grid-template-rows<\/em>&nbsp;\/&nbsp;<em>grid-template-columns<\/em> | <em>grid-template-areas <\/em>| initial | inherit;<\/td><\/tr><tr><td>grid-template-areas<\/td><td>Especifica \u00e1reas dentro de un elemento grid.<\/td><td>none |<em> itemnames<\/em>;<\/td><\/tr><tr><td>grid-template-columns<\/td><td>Especifica el n\u00famero (y el ancho) de las columnas en un dise\u00f1o grid.<\/td><td>none | auto | max-content | min-content |<em> length<\/em> | initial | inherit;<\/td><\/tr><tr><td>grid-template-rows<\/td><td>Especifica el n\u00famero (y las alturas) de las filas en un dise\u00f1o de cuadr\u00edcula.<\/td><td>none | auto | max-content | min-content | <em>length <\/em>| initial | inherit;<\/td><\/tr><tr><td>hanging-punctuation<\/td><td>Especifica si se puede colocar un signo de puntuaci\u00f3n fuera del cuadro de l\u00ednea al principio o al final de una l\u00ednea completa de texto.<\/td><td>none | first | last | allow-end | force-end | initial | inherit;<\/td><\/tr><tr><td>height<\/td><td>Establece la altura de un elemento. No incluye relleno, bordes o m\u00e1rgenes.<\/td><td>auto |<em> length <\/em>| initial | inherit;<\/td><\/tr><tr><td>hyphens<\/td><td>Define si se permite la separaci\u00f3n sil\u00e1bica para crear m\u00e1s oportunidades de ajuste suave dentro de una l\u00ednea de texto.<\/td><td>none | manual | auto | initial | inherit;<\/td><\/tr><tr><td>image-rendering<\/td><td>Especifica el tipo de algoritmo que se utilizar\u00e1 para escalar la imagen.<\/td><td>auto | smooth | high-quality | crisp-edges | pixelated | initial | inherit;<\/td><\/tr><tr><td>@import<\/td><td>Regla que le permite importar una hoja de estilo a otra hoja de estilo.<\/td><td><em>url <\/em>| <em>string list-of-mediaqueries<\/em>;<\/td><\/tr><tr><td>isolation<\/td><td>Define si un elemento debe crear un nuevo contenido de apilamiento.<\/td><td>auto | isolate | initial | inherit;<\/td><\/tr><tr><td>justify-content<\/td><td>Alinea los elementos del contenedor flexible cuando los elementos no utilizan todo el espacio disponible en el eje principal (horizontalmente).<\/td><td>flex-start | flex-end | center | space-between | space-around | space-evenly | initial | inherit;<\/td><\/tr><tr><td>@keyframes<\/td><td>Regla que especifica el c\u00f3digo de animaci\u00f3n.<\/td><td>@keyframes&nbsp;<em>name<\/em> {<em>keyframes-selector&nbsp;<\/em>{<em>css-styles;}<\/em>}<\/td><\/tr><tr><td>left<\/td><td>Afecta la posici\u00f3n horizontal de un elemento posicionado. Esta propiedad no tiene efecto en elementos no posicionados.<\/td><td>auto | <em>length<\/em> | initial | inherit;<\/td><\/tr><tr><td>letter-spacing<\/td><td>Aumenta o disminuye el espacio entre caracteres en un texto.<\/td><td>normal | <em>length <\/em>| initial | inherit;<\/td><\/tr><tr><td>line-height<\/td><td>Especifica la altura de una l\u00ednea.<\/td><td>normal | <em>number <\/em>| <em>length <\/em>| initial | inherit;<\/td><\/tr><tr><td>list-style<\/td><td>Es una abreviatura de las siguientes propiedades:<br>list-style-type<br>list-style-position<br>list-style-image<\/td><td><em>list-style-type<\/em>&nbsp;<em>list-style-position<\/em>&nbsp;<em>list-style-image<\/em> | initial | inherit;<\/td><\/tr><tr><td>list-style-image<\/td><td>Reemplaza el marcador de elemento de lista con una imagen.<\/td><td>none | <em>url <\/em>| initial | inherit;<\/td><\/tr><tr><td>list-style-position<\/td><td>Especifica la posici\u00f3n de los marcadores de elementos de lista (vi\u00f1etas).<\/td><td>inside | outside | initial | inherit;<\/td><\/tr><tr><td>list-style-type<\/td><td>Especifica el tipo de marcador de elemento de lista en una lista.<\/td><td>list-style-type:&nbsp;<em>value<\/em>;<\/td><\/tr><tr><td>margin<\/td><td>Establece los m\u00e1rgenes de un elemento y es una propiedad abreviada para las siguientes propiedades:<br>margin-top<br>margin-right<br>margin-bottom<br>margin-left<\/td><td><em>length<\/em> | auto | initial | inherit;<\/td><\/tr><tr><td>margin-bottom<\/td><td>Establece el margen inferior de un elemento.<\/td><td><em>length<\/em> | auto | initial | inherit;<\/td><\/tr><tr><td>margin-left<\/td><td>Establece el margen izquierdo de un elemento. <\/td><td> <em>length<\/em> | auto | initial | inherit; <\/td><\/tr><tr><td>margin-right<\/td><td>Establece el margen derecho de un elemento.  <\/td><td> <em>length<\/em> | auto | initial | inherit; <\/td><\/tr><tr><td>margin-top<\/td><td>Establece el margen superior de un elemento.   <\/td><td> <em>length<\/em> | auto | initial | inherit; <\/td><\/tr><tr><td>mask-image<\/td><td>Especifica una imagen que se utilizar\u00e1 como capa de m\u00e1scara para un elemento.<\/td><td>none | <em>image <\/em>| <em>url <\/em>| initial | inherit;<\/td><\/tr><tr><td>mask-mode<\/td><td>Especifica si la imagen de la capa de m\u00e1scara debe tratarse como una m\u00e1scara de luminancia o como una m\u00e1scara alfa.<\/td><td>match-source | luminance | alpha | initial | inherit;<\/td><\/tr><tr><td>mask-origin<\/td><td>Especifica la posici\u00f3n de origen (el \u00e1rea de posici\u00f3n de la m\u00e1scara) de una imagen de capa de m\u00e1scara.<\/td><td>border-box | content-box | padding-box | margin-box | fill-box | stroke-box | view-box | initial | inherit;<\/td><\/tr><tr><td>mask-position<\/td><td>Establece la posici\u00f3n inicial de una imagen de m\u00e1scara (en relaci\u00f3n con el \u00e1rea de posici\u00f3n de la m\u00e1scara).<\/td><td>mask-position:&nbsp;<em>value<\/em>;<\/td><\/tr><tr><td>mask-repeat<\/td><td>Establece s\u00ed o c\u00f3mo se repetir\u00e1 una imagen de m\u00e1scara.<\/td><td>repeat | repeat-x | repeat-y | space | round | no-repeat | initial | inherit;<\/td><\/tr><tr><td>mask-size<\/td><td>Especifica el tama\u00f1o de la imagen de la capa de m\u00e1scara.<\/td><td>auto | <em>size <\/em>| contain | cover | initial | inherit;<\/td><\/tr><tr><td>max-height<\/td><td>Define la altura m\u00e1xima de un elemento.<\/td><td>none | <em>length <\/em>| initial | inherit;<\/td><\/tr><tr><td>max-width<\/td><td>Define la anchura m\u00e1xima de un elemento. <\/td><td>none | <em>length <\/em>| initial | inherit; <\/td><\/tr><tr><td>@media<\/td><td>La regla se usa para aplicar diferentes estilos para diferentes tipos de medios\/dispositivos.<\/td><td>@media not | only&nbsp;<em>type&nbsp;<\/em>and<em>&nbsp;(feature&nbsp;<\/em>and | or | not<em>&nbsp;mediafeature)<\/em>&nbsp;{<em><br>&nbsp; CSS-Code;<br><\/em>}<\/td><\/tr><tr><td>min-height<\/td><td>Define la altura m\u00ednima de un elemento. <\/td><td><em>length<\/em> | initial | inherit;<\/td><\/tr><tr><td>min-width<\/td><td>Define la anchura m\u00ednima de un elemento. <\/td><td><em>length<\/em> | initial | inherit; <\/td><\/tr><tr><td>mix-blend-mode<\/td><td>Especifica c\u00f3mo el contenido de un elemento debe combinarse con su fondo principal directo.<\/td><td>normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | difference | exclusion | hue | saturation | color | luminosity;<\/td><\/tr><tr><td>object-fit<\/td><td>Se utiliza para especificar c\u00f3mo se debe cambiar el tama\u00f1o de un &lt;img&gt; o &lt;video&gt; para que se ajuste a su contenedor.<\/td><td>fill | contain | cover | scale-down | none | initial | inherit;<\/td><\/tr><tr><td>object-position<\/td><td>Se usa junto con object-fit para especificar c\u00f3mo se debe colocar un &lt;img&gt; o &lt;video&gt; con las coordenadas x\/y dentro de su \u00abpropio cuadro de contenido\u00bb.<\/td><td><em>position<\/em> | initial | inherit;<\/td><\/tr><tr><td>opacity<\/td><td>Establece el nivel de opacidad de un elemento.<\/td><td><em>number<\/em> | initial | inherit;<\/td><\/tr><tr><td>order<\/td><td>Especifica el orden de un art\u00edculo flexible en relaci\u00f3n con el resto de los art\u00edculos flexibles dentro del mismo contenedor.<\/td><td><em><em>number<\/em> | initial | inherit; <\/em><\/td><\/tr><tr><td>orphans<\/td><td>Especifica el n\u00famero m\u00ednimo de l\u00edneas que se deben dejar al final de una p\u00e1gina o columna.<\/td><td><em>integer<\/em> | initial | inherit;<\/td><\/tr><tr><td>outline<\/td><td>Es una propiedad abreviada para:<br>outline-width<br>outline-style (obligatoria)<br>outline-color<\/td><td><em>outline-width<\/em>&nbsp;<em>outline-style<\/em>&nbsp;<em>outline-color<\/em> | initial | inherit;<\/td><\/tr><tr><td>outline-color<\/td><td>Especifica el color de un contorno<\/td><td>invert | <em>color <\/em>| initial | inherit;<\/td><\/tr><tr><td>outline-offset<\/td><td>Agrega espacio entre el contorno y el borde o borde de un elemento.<\/td><td><em>length<\/em> | initial | inherit;<\/td><\/tr><tr><td>outline-style<\/td><td>Especifica el estilo de un outline.<\/td><td>none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit;<\/td><\/tr><tr><td>outline-width<\/td><td>Especifica el ancho de un contorno.<\/td><td>medium | thin | thick | <em>length <\/em> | initial | inherit;<\/td><\/tr><tr><td>overflow<\/td><td>Especifica lo que deber\u00eda suceder si el contenido desborda el cuadro de un elemento.<\/td><td>visible | hidden | scroll | auto | initial | inherit;<\/td><\/tr><tr><td>overflow-wrap<\/td><td>Especifica si el navegador puede o no dividir l\u00edneas con palabras largas, si desbordan el contenedor.<\/td><td>normal | anywhere | break-word | initial | inherit;<\/td><\/tr><tr><td>overflow-x<\/td><td>Especifica si se  se agrega una barra de desplazamiento o se muestra el contenido de desbordamiento de un elemento de nivel de bloque, cuando se desborda en los ejes izquierdos y derechos.<\/td><td>visible | hidden | scroll | auto | initial | inherit;<\/td><\/tr><tr><td>overflow-y<\/td><td>Especifica si se  se agrega una barra de desplazamiento o se muestra el contenido de desbordamiento de un elemento de nivel de bloque, cuando se desborda en los ejes inferiores y superiores. <\/td><td>visible | hidden | scroll | auto | initial | inherit; <\/td><\/tr><tr><td>padding<\/td><td><br>El <em>padding <\/em>de un elemento es el espacio entre su contenido y su borde. Es una propiedad abreviada para:<br>padding-top<br>padding-right<br>padding-bottom<br>padding-left<\/td><td><em>length<\/em> | initial | inherit;<\/td><\/tr><tr><td>padding-bottom<\/td><td>Establece el <em>padding <\/em>inferior (espacio) de un elemento.<\/td><td><em>length<\/em> | initial | inherit;<\/td><\/tr><tr><td>padding-left<\/td><td>Establece el <em>padding <\/em>inferior (espacio) de un elemento. <\/td><td><em>length<\/em> | initial | inherit; <\/td><\/tr><tr><td>padding-right<\/td><td>Establece el <em>padding <\/em>inferior (espacio) de un elemento. <\/td><td><em>length<\/em> | initial | inherit; <\/td><\/tr><tr><td>padding-top<\/td><td>Establece el <em>padding <\/em>inferior (espacio) de un elemento. <\/td><td><em>length<\/em> | initial | inherit; <\/td><\/tr><tr><td>page-break-after<\/td><td>Agrega un salto de p\u00e1gina despu\u00e9s de un elemento especificado.<\/td><td>auto | always | avoid | left | right | initial | inherit;<\/td><\/tr><tr><td>page-break-before<\/td><td>Agrega un salto de p\u00e1gina antes de un elemento especificado. <\/td><td>auto | always | avoid | left | right | initial | inherit; <\/td><\/tr><tr><td>page-break-inside<\/td><td>Establece si se debe evitar un salto de p\u00e1gina dentro de un elemento espec\u00edfico.<\/td><td>auto | avoid | initial | inherit;<\/td><\/tr><tr><td>perspective<\/td><td>Se utiliza para dar cierta perspectiva a un elemento posicionado en 3D.<\/td><td><em>length<\/em> | none;<\/td><\/tr><tr><td>perspective-origin<\/td><td>Define desde qu\u00e9 posici\u00f3n el usuario est\u00e1 mirando el elemento posicionado en 3D.<\/td><td><em>x-axis y-axis<\/em> | initial | inherit;<\/td><\/tr><tr><td>pointer-events<\/td><td>Define si un elemento reacciona o no a los eventos de puntero.<\/td><td>auto | none;<\/td><\/tr><tr><td>position<\/td><td>Especifica el tipo de m\u00e9todo de posicionamiento utilizado para un elemento (est\u00e1tico, relativo, absoluto, fijo o pegajoso).<\/td><td>static | absolute | fixed | relative | sticky | initial | inherit;<\/td><\/tr><tr><td>quotes<\/td><td>Establece el tipo de comillas para las citas.<\/td><td>none | <em>string <\/em>| initial | inherit;<\/td><\/tr><tr><td>resize<\/td><td>Define si (y c\u00f3mo) el usuario puede cambiar el tama\u00f1o de un elemento.<\/td><td>none | both | horizontal | vertical | initial | inherit;<\/td><\/tr><tr><td>right<\/td><td>Afecta la posici\u00f3n horizontal de un elemento posicionado. Esta propiedad no tiene efecto en elementos no posicionados.<\/td><td>auto | <em>length <\/em>| initial | inherit;<\/td><\/tr><tr><td>row-gap<\/td><td>Especifica el espacio entre las filas de la cuadr\u00edcula.<\/td><td><em>length<\/em> | normal | initial | inherit;<\/td><\/tr><tr><td>scroll-behavior<\/td><td>Especifica si animar suavemente la posici\u00f3n de desplazamiento, en lugar de un salto directo, cuando el usuario hace clic en un enlace dentro de un cuadro desplazable.<\/td><td>auto | smooth | initial | inherit;<\/td><\/tr><tr><td>tab-size<\/td><td>Especifica el ancho de un car\u00e1cter de tabulaci\u00f3n.<\/td><td><em>number<\/em> | <em>length <\/em> | initial | inherit;<\/td><\/tr><tr><td>table-layout<\/td><td>Define el algoritmo utilizado para dise\u00f1ar las celdas, filas y columnas de la tabla.<\/td><td>auto | fixed | initial | inherit;<\/td><\/tr><tr><td>text-align<\/td><td>Indica la alineaci\u00f3n horizontal del texto en un elemento.<\/td><td>left | right | center | justify | initial | inherit;<\/td><\/tr><tr><td>text-align-last<\/td><td>Especifica c\u00f3mo alinear la \u00faltima l\u00ednea de un texto<\/td><td>auto | left | right | center | justify | start | end | initial | inherit;<\/td><\/tr><tr><td>text-decoration<\/td><td>Especifica la decoraci\u00f3n a\u00f1adida al texto y es una propiedad abreviada para:<br>text-decoration-line (obligatorio)<br>text-decoration-color<br>text-decoration-style<\/td><td><em>text-decoration-line<\/em>&nbsp;<em>text-decoration-color<\/em>&nbsp;<em>text-decoration-style<\/em> | initial | inherit;<\/td><\/tr><tr><td>text-decoration-color<\/td><td>Especifica el color de la decoraci\u00f3n del texto (subrayado, sobre-rayado, l\u00edneas continuas).<\/td><td><em>color <\/em>| initial | inherit;<\/td><\/tr><tr><td>text-decoration-line<\/td><td>Establece el tipo de decoraci\u00f3n de texto que se utilizar\u00e1 (como subrayado, sobre-rayado, traspaso).<\/td><td>none | underline | overline | line-through | initial | inherit;<\/td><\/tr><tr><td>text-decoration-style<\/td><td>Establece el estilo de la decoraci\u00f3n del texto (como s\u00f3lido, ondulado, punteado, discontinuo, doble).<\/td><td>solid | double | dotted | dashed | wavy | initial | inherit;<\/td><\/tr><tr><td>text-indent<\/td><td>Indica la sangr\u00eda de la primera l\u00ednea en un bloque de texto.<\/td><td><em>length<\/em> | initial | inherit;<\/td><\/tr><tr><td>text-justify<\/td><td>Especifica el m\u00e9todo de justificaci\u00f3n del texto cuando text-align se establece en \u00abjustify\u00bb.<\/td><td>auto | inter-word | inter-character | none | initial | inherit;<\/td><\/tr><tr><td>text-overflow<\/td><td>Especifica c\u00f3mo se debe se\u00f1alar al usuario el contenido desbordado que no se muestra.<\/td><td>clip | ellipsis | <em>string<\/em> | initial | inherit;<\/td><\/tr><tr><td>text-shadow<\/td><td>Agrega sombra al texto.<\/td><td><em>h-shadow v-shadow blur-radius color <\/em>| none | initial | inherit;<\/td><\/tr><tr><td>text-transform<\/td><td>Controla las may\u00fasculas del texto<\/td><td>none | capitalize | uppercase | lowercase | initial | inherit;<\/td><\/tr><tr><td>top<\/td><td>Afecta a la posici\u00f3n vertical de un elemento posicionado. Esta propiedad no tiene efecto en elementos no posicionados.<\/td><td>auto | <em>length <\/em>| initial | inherit;<\/td><\/tr><tr><td>transform<\/td><td>Aplica una transformaci\u00f3n 2D o 3D a un elemento.<\/td><td>none | <em><a href=\"https:\/\/www.w3schools.com\/cssref\/css3_pr_transform.asp\" target=\"_blank\" rel=\"noreferrer noopener\">transform-functions<\/a><\/em> | initial | inherit;<\/td><\/tr><tr><td>transform-origin<\/td><td>Le permite cambiar la posici\u00f3n de los elementos transformados.<\/td><td><em>x-axis y-axis z-axis<\/em> | initial | inherit;<\/td><\/tr><tr><td>transform-style<\/td><td>Especifica c\u00f3mo se representan los elementos anidados en el espacio 3D.<\/td><td>flat | preserve-3d | initial | inherit;<\/td><\/tr><tr><td>transition<\/td><td>Es una propiedad abreviada para:<br>transition-property<br>transition-duration<br>transition-timing-function<br>transition-delay<\/td><td><em>property duration timing-function delay <\/em>| initial | inherit;<\/td><\/tr><tr><td>transition-delay<\/td><td>Indica cu\u00e1ndo comenzar\u00e1 el efecto de transici\u00f3n.<\/td><td><em>time<\/em> | initial | inherit;<\/td><\/tr><tr><td>transition-duration<\/td><td>Especifica cu\u00e1ntos segundos (s) o milisegundos (ms) tarda en completarse un efecto de transici\u00f3n.<\/td><td><em>time<\/em> | initial | inherit;<\/td><\/tr><tr><td>transition-property<\/td><td>Indica el nombre de la propiedad CSS para el efecto de transici\u00f3n (el efecto de transici\u00f3n comenzar\u00e1 cuando cambie la propiedad CSS especificada).<\/td><td>none | all | <em>property <\/em>| initial | inherit;<\/td><\/tr><tr><td>transition-timing-function<\/td><td>Especifica la curva de velocidad del efecto de transici\u00f3n.<\/td><td>linear | ease | ease-in | ease-out | ease-in-out | step-start | step-end | steps(int,start | end) | cubic-bezier(<em>n<\/em>,<em>n<\/em>,<em>n<\/em>,<em>n<\/em>) | initial | inherit;<\/td><\/tr><tr><td>unicode-bidi<\/td><td>Se usa junto con la propiedad direction para establecer o devolver si el texto debe anularse para admitir varios idiomas en el mismo documento.<\/td><td>normal | embed | bidi-override | initial | inherit;<\/td><\/tr><tr><td>user-select<\/td><td>Especifica si se puede seleccionar el texto de un elemento.<\/td><td>auto | none | text | all;<\/td><\/tr><tr><td>vertical-align<\/td><td>Establece la alineaci\u00f3n vertical de un elemento.<\/td><td>baseline | <em>length <\/em>| sub | super | top | text-top | middle | bottom | text-bottom | initial | inherit;<\/td><\/tr><tr><td>visibility<\/td><td>Indica si un elemento es visible o no.<\/td><td>visible | hidden | collapse | initial | inherit;<\/td><\/tr><tr><td>white-space<\/td><td>Especifica c\u00f3mo se maneja el espacio en blanco dentro de un elemento.<\/td><td>normal | nowrap | pre | pre-line | pre-wrap | initial | inherit;<\/td><\/tr><tr><td>widows<\/td><td>Especifica el n\u00famero m\u00ednimo de l\u00edneas que se deben dejar en la parte superior de una p\u00e1gina o columna.<\/td><td><em>integer<\/em> | initial | inherit;<\/td><\/tr><tr><td>width<\/td><td>Establece el ancho de un elemento.<\/td><td>auto | <em>value <\/em>| initial | inherit;<\/td><\/tr><tr><td>word-break<\/td><td>Especifica c\u00f3mo deben dividirse las palabras al llegar al final de una l\u00ednea.<\/td><td>normal | break-all | keep-all | break-word | initial | inherit;<\/td><\/tr><tr><td>word-spacing<\/td><td>Aumenta o disminuye el espacio en blanco entre las palabras<\/td><td>normal | <em>length <\/em>| initial | inherit;<\/td><\/tr><tr><td>word-wrap<\/td><td>Permite que las palabras largas se puedan dividir y pasar a la siguiente l\u00ednea.<\/td><td>normal | break-word | initial | inherit;<\/td><\/tr><tr><td>writing-mode<\/td><td>Especifica si las l\u00edneas de texto se disponen horizontal o verticalmente.<\/td><td>horizontal-tb | vertical-rl|vertical-lr;<\/td><\/tr><tr><td>z-index<\/td><td>Especifica el orden de apilamiento de un elemento. Un elemento con mayor orden de apilamiento siempre est\u00e1 delante de un elemento con menor orden de apilamiento.<\/td><td>auto | <em>number <\/em>| initial | inherit;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Conclusi\u00f3n<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Estas son algunas de las principales propiedades CSS que existen, espero que te haya servido de ayuda y que te haya gustado, no dudes en comentar. En cualquier caso, si quieres saber m\u00e1s sobre CSS, no dudes en visitar <a href=\"https:\/\/carontestudio.com\/blog\/novedades-css-2025\/\">nuestro art\u00edculo de CSS para 2025<\/a>. \u00a1Nos vemos en el pr\u00f3ximo art\u00edculo!<\/p>\n\n\n\n<div class=\"wp-block-columns sabermas is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/carontestudio.com\/blog\/15-mitos-del-seo-en-2022\/\"><img decoding=\"async\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/01\/mitos-del-seo-1-1024x604.jpg\" alt=\"15 Mitos del SEO que a\u00fan creemos en 2022\" class=\"wp-image-8223\"\/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/carontestudio.com\/blog\/expresiones-regulares-en-javascript\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"604\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/01\/regex-javascript-1024x604.jpg\" alt=\"Regex en javascipt\" class=\"wp-image-8590\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/01\/regex-javascript-1024x604.jpg 1024w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/01\/regex-javascript-300x177.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/01\/regex-javascript-768x453.jpg 768w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/01\/regex-javascript.jpg 1250w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQu\u00e9 es CSS? \u00bfPara qu\u00e9 sirve? \u00bfQu\u00e9 propiedades y reglas CSS existen? En este art\u00edculo del blog respondemos a estas preguntas. \u00a1Entra y no te pierdas el listado completo de propiedades CSS!<\/p>\n","protected":false},"author":21,"featured_media":8918,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[94],"tags":[93],"class_list":["post-8606","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","tag-css"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Listado de propiedades CSS - Blog Caronte Web Studio<\/title>\n<meta name=\"description\" content=\"En este art\u00edculo encontrar\u00e1s un listado completo de las propiedades CSS ordenadas por orden alfab\u00e9tico, junto con los valores que admiten.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carontestudio.com\/blog\/listado-de-propiedades-css\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Listado de propiedades CSS - Blog Caronte Web Studio\" \/>\n<meta property=\"og:description\" content=\"En este art\u00edculo encontrar\u00e1s un listado completo de las propiedades CSS ordenadas por orden alfab\u00e9tico, junto con los valores que admiten.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carontestudio.com\/blog\/listado-de-propiedades-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de marketing | Caronte\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/carontewebstudio\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-02-22T12:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-25T12:09:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/02\/listado_de_propiedades_css-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1250\" \/>\n\t<meta property=\"og:image:height\" content=\"737\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Caronte Studio\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Caronte Studio\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"26 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/listado-de-propiedades-css\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/listado-de-propiedades-css\\\/\"},\"author\":{\"name\":\"Caronte Studio\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/af53223b68efd2be07f600dfc0506979\"},\"headline\":\"Listado de propiedades CSS\",\"datePublished\":\"2022-02-22T12:00:00+00:00\",\"dateModified\":\"2025-06-25T12:09:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/listado-de-propiedades-css\\\/\"},\"wordCount\":4866,\"commentCount\":4,\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/listado-de-propiedades-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/listado_de_propiedades_css-1.jpg\",\"keywords\":[\"CSS\"],\"articleSection\":[\"Dise\u00f1o web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/listado-de-propiedades-css\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/listado-de-propiedades-css\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/listado-de-propiedades-css\\\/\",\"name\":\"Listado de propiedades CSS - Blog Caronte Web Studio\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/listado-de-propiedades-css\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/listado-de-propiedades-css\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/listado_de_propiedades_css-1.jpg\",\"datePublished\":\"2022-02-22T12:00:00+00:00\",\"dateModified\":\"2025-06-25T12:09:28+00:00\",\"description\":\"En este art\u00edculo encontrar\u00e1s un listado completo de las propiedades CSS ordenadas por orden alfab\u00e9tico, junto con los valores que admiten.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/listado-de-propiedades-css\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/listado-de-propiedades-css\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/listado-de-propiedades-css\\\/#primaryimage\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/listado_de_propiedades_css-1.jpg\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/02\\\/listado_de_propiedades_css-1.jpg\",\"width\":1250,\"height\":737,\"caption\":\"Listado completo de propiedades CSS.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/listado-de-propiedades-css\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Listado de propiedades CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"name\":\"Blog de marketing | Caronte\",\"description\":\"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.\",\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\",\"name\":\"Caronte - Agencia de marketing\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"width\":1090,\"height\":155,\"caption\":\"Caronte - Agencia de marketing\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/carontewebstudio\\\/\",\"https:\\\/\\\/www.instagram.com\\\/caronte_studio\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@carontewebstudio\",\"https:\\\/\\\/www.youtube.com\\\/@carontewebstudio\",\"https:\\\/\\\/es.linkedin.com\\\/company\\\/carontewebstudio\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/af53223b68efd2be07f600dfc0506979\",\"name\":\"Caronte Studio\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4156e97024f8a40a8bcef2b24c0de8c6cfdd6857e2bc92e993c1a04b255e2e98?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4156e97024f8a40a8bcef2b24c0de8c6cfdd6857e2bc92e993c1a04b255e2e98?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/4156e97024f8a40a8bcef2b24c0de8c6cfdd6857e2bc92e993c1a04b255e2e98?s=96&d=mm&r=g\",\"caption\":\"Caronte Studio\"},\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/author\\\/caronte-studio\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Listado de propiedades CSS - Blog Caronte Web Studio","description":"En este art\u00edculo encontrar\u00e1s un listado completo de las propiedades CSS ordenadas por orden alfab\u00e9tico, junto con los valores que admiten.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/carontestudio.com\/blog\/listado-de-propiedades-css\/","og_locale":"es_ES","og_type":"article","og_title":"Listado de propiedades CSS - Blog Caronte Web Studio","og_description":"En este art\u00edculo encontrar\u00e1s un listado completo de las propiedades CSS ordenadas por orden alfab\u00e9tico, junto con los valores que admiten.","og_url":"https:\/\/carontestudio.com\/blog\/listado-de-propiedades-css\/","og_site_name":"Blog de marketing | Caronte","article_publisher":"https:\/\/www.facebook.com\/carontewebstudio\/","article_published_time":"2022-02-22T12:00:00+00:00","article_modified_time":"2025-06-25T12:09:28+00:00","og_image":[{"width":1250,"height":737,"url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/02\/listado_de_propiedades_css-1.jpg","type":"image\/jpeg"}],"author":"Caronte Studio","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Caronte Studio","Tiempo de lectura":"26 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/carontestudio.com\/blog\/listado-de-propiedades-css\/#article","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/listado-de-propiedades-css\/"},"author":{"name":"Caronte Studio","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/af53223b68efd2be07f600dfc0506979"},"headline":"Listado de propiedades CSS","datePublished":"2022-02-22T12:00:00+00:00","dateModified":"2025-06-25T12:09:28+00:00","mainEntityOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/listado-de-propiedades-css\/"},"wordCount":4866,"commentCount":4,"publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/listado-de-propiedades-css\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/02\/listado_de_propiedades_css-1.jpg","keywords":["CSS"],"articleSection":["Dise\u00f1o web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/carontestudio.com\/blog\/listado-de-propiedades-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/carontestudio.com\/blog\/listado-de-propiedades-css\/","url":"https:\/\/carontestudio.com\/blog\/listado-de-propiedades-css\/","name":"Listado de propiedades CSS - Blog Caronte Web Studio","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/listado-de-propiedades-css\/#primaryimage"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/listado-de-propiedades-css\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/02\/listado_de_propiedades_css-1.jpg","datePublished":"2022-02-22T12:00:00+00:00","dateModified":"2025-06-25T12:09:28+00:00","description":"En este art\u00edculo encontrar\u00e1s un listado completo de las propiedades CSS ordenadas por orden alfab\u00e9tico, junto con los valores que admiten.","breadcrumb":{"@id":"https:\/\/carontestudio.com\/blog\/listado-de-propiedades-css\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carontestudio.com\/blog\/listado-de-propiedades-css\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/listado-de-propiedades-css\/#primaryimage","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/02\/listado_de_propiedades_css-1.jpg","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2022\/02\/listado_de_propiedades_css-1.jpg","width":1250,"height":737,"caption":"Listado completo de propiedades CSS."},{"@type":"BreadcrumbList","@id":"https:\/\/carontestudio.com\/blog\/listado-de-propiedades-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/carontestudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Listado de propiedades CSS"}]},{"@type":"WebSite","@id":"https:\/\/carontestudio.com\/blog\/#website","url":"https:\/\/carontestudio.com\/blog\/","name":"Blog de marketing | Caronte","description":"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.","publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carontestudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/carontestudio.com\/blog\/#organization","name":"Caronte - Agencia de marketing","url":"https:\/\/carontestudio.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","width":1090,"height":155,"caption":"Caronte - Agencia de marketing"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/carontewebstudio\/","https:\/\/www.instagram.com\/caronte_studio\/","https:\/\/www.tiktok.com\/@carontewebstudio","https:\/\/www.youtube.com\/@carontewebstudio","https:\/\/es.linkedin.com\/company\/carontewebstudio"]},{"@type":"Person","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/af53223b68efd2be07f600dfc0506979","name":"Caronte Studio","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/4156e97024f8a40a8bcef2b24c0de8c6cfdd6857e2bc92e993c1a04b255e2e98?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/4156e97024f8a40a8bcef2b24c0de8c6cfdd6857e2bc92e993c1a04b255e2e98?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4156e97024f8a40a8bcef2b24c0de8c6cfdd6857e2bc92e993c1a04b255e2e98?s=96&d=mm&r=g","caption":"Caronte Studio"},"url":"https:\/\/carontestudio.com\/blog\/author\/caronte-studio\/"}]}},"_links":{"self":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/8606","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/comments?post=8606"}],"version-history":[{"count":87,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/8606\/revisions"}],"predecessor-version":[{"id":23786,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/8606\/revisions\/23786"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media\/8918"}],"wp:attachment":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media?parent=8606"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/categories?post=8606"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/tags?post=8606"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}