Almanaque CSS 2024, Diciembre

Flex-grow - Trucos CSS

Flex-grow - Trucos CSS

La propiedad flex-grow es una subpropiedad del módulo Flexible Box Layout. Define la capacidad de un artículo flexible para crecer si es necesario. Acepta un "

Dirección flexible - Trucos CSS

Dirección flexible - Trucos CSS

La propiedad flex-direction es una subpropiedad del módulo Diseño de caja flexible. Establece el eje principal, definiendo así la dirección en la que los elementos flexibles son "

Flexión-encogimiento - Trucos CSS

Flexión-encogimiento - Trucos CSS

La propiedad flex-shrink es una subpropiedad del módulo Diseño de caja flexible. Especifica el "factor de contracción de flexión", que determina cuánto es la flexión "

Filtro - Trucos CSS

Filtro - Trucos CSS

Los filtros CSS son una herramienta poderosa que los autores pueden usar para lograr diferentes efectos visuales (algo así como los filtros de Photoshop para el navegador). El filtro CSS "

Pantalla - Trucos CSS

Pantalla - Trucos CSS

Cada elemento de una página web es un cuadro rectangular. La propiedad de visualización en CSS determina cómo se comporta ese cuadro rectangular. Solo hay un puñado "

Envoltura flexible - Trucos CSS

Envoltura flexible - Trucos CSS

La propiedad de envoltura flexible es una subpropiedad del módulo Diseño de caja flexible. Define si los elementos flexibles se fuerzan en una sola línea o pueden fluir "

Familia de fuentes - Trucos CSS

Familia de fuentes - Trucos CSS

La propiedad font-family define la fuente que se aplica al elemento seleccionado. La fuente que se selecciona no es una sola fuente, sino una "familia", "

Fuente - Trucos CSS

Fuente - Trucos CSS

La propiedad de fuente en CSS es una propiedad abreviada que combina todas las siguientes subpropiedades en una sola declaración. cuerpo (fuente: minúsculas normales "

Font-display - Trucos CSS

Font-display - Trucos CSS

La propiedad font-display define cómo el navegador carga y muestra los archivos de fuentes. Se aplica a la regla @ font-face que define fuentes personalizadas "

Tamaño de fuente óptico - Trucos CSS

Tamaño de fuente óptico - Trucos CSS

La propiedad CSS font-optical-sizing permite al navegador ajustar el contorno de los glifos de fuentes para hacerlos más legibles en diferentes tamaños. Por ejemplo,"

Font-stretch - Trucos CSS

Font-stretch - Trucos CSS

La propiedad font-stretch, introducida en CSS3, selecciona una cara normal, condensada o expandida de una fuente. Para usar font-stretch y ver un resultado de "

Configuración de características de fuente - Trucos CSS

Configuración de características de fuente - Trucos CSS

Esta propiedad nos da control sobre configuraciones tipográficas avanzadas como versalitas, ligaduras y swashes. Para activarlos debes declarar cuál "

Ajuste de tamaño de fuente - Trucos CSS

Ajuste de tamaño de fuente - Trucos CSS

Esta propiedad brinda a los desarrolladores la capacidad de establecer el tamaño de fuente de un elemento en función del tamaño de sus letras minúsculas, en lugar de las mayúsculas "

Tamaño de fuente - Trucos CSS

Tamaño de fuente - Trucos CSS

La propiedad font-size especifica el tamaño o la altura de la fuente. el tamaño de fuente afecta no solo a la fuente a la que se aplica, sino que también se utiliza para calcular "

Estilo de fuente - Trucos CSS

Estilo de fuente - Trucos CSS

La propiedad de estilo de fuente le permite hacer que el texto aparezca en cursiva (es decir, inclinado o inclinado). em (estilo de fuente: cursiva;) Esta propiedad acepta uno de tres "

Variante de fuente - Trucos CSS

Variante de fuente - Trucos CSS

La propiedad de variante de fuente le permite cambiar el texto de destino a versalitas. Esta propiedad se ha ampliado en CSS3. p: primera línea (variante de fuente: "

Font-kerning - Trucos CSS

Font-kerning - Trucos CSS

La propiedad CSS font-kerning define la forma en que se espacian los pares de letras específicos. Verá, las fuentes a menudo contienen información sobre cuánto espacio para respirar "

Font-weight - Trucos CSS

Font-weight - Trucos CSS

La propiedad font-weight establece el peso o el grosor de una fuente y depende de las fuentes disponibles dentro de una familia de fuentes o de los pesos definidos "

Columnas-plantilla-cuadrícula / filas-plantilla-cuadrícula - Trucos CSS

Columnas-plantilla-cuadrícula / filas-plantilla-cuadrícula - Trucos CSS

Las propiedades grid-template-rows y grid-template-columnas son las principales propiedades de CSS para establecer un diseño de cuadrícula, una vez que el elemento es una cuadrícula "

Rejilla-fila / rejilla-columna - Trucos CSS

Rejilla-fila / rejilla-columna - Trucos CSS

Las propiedades de la fila de la cuadrícula y la columna de la cuadrícula definen en qué fila o columna se mostrará un elemento. .element (rejilla-fila: 1/2; rejilla-columna: 3 / -1;) "

Font-variant-numeric - Trucos CSS

Font-variant-numeric - Trucos CSS

La propiedad font-variant-numeric en CSS es compatible con el formato de fuente OpenType al especificar qué glifos numéricos usar en una clase, incluidas las variaciones para "

Altura - Trucos CSS

Altura - Trucos CSS

La propiedad de altura en CSS define especifica la altura del contenido de los cuadros y acepta cualquiera de los valores de longitud. El área de "contenido" se define como "

Guiones - Trucos CSS

Guiones - Trucos CSS

La propiedad de guiones controla la separación de sílabas del texto en elementos de nivel de bloque. Puede evitar que se produzca la separación de palabras, permitirla o solo permitirla "

Puntuación-colgante - Trucos CSS

Puntuación-colgante - Trucos CSS

La propiedad de puntuación colgante tiene como objetivo brindar a los diseñadores web un control más detallado sobre la tipografía en la web. La idea detrás de la puntuación colgante es "

Brecha - Trucos CSS

Brecha - Trucos CSS

La propiedad gap en CSS es una abreviatura de row-gap y column-gap, que especifica el tamaño de las canaletas, que es el espacio entre filas y columnas dentro de "

Renderizado de imágenes - Trucos CSS

Renderizado de imágenes - Trucos CSS

La propiedad de representación de imágenes define cómo el navegador debe representar una imagen si se escala hacia arriba o hacia abajo de sus dimensiones originales. De forma predeterminada, cada "

Síntesis de fuentes - Trucos CSS

Síntesis de fuentes - Trucos CSS

La propiedad font-systhesis en CSS proporciona al navegador instrucciones sobre cómo manejar los caracteres en negrita y cursiva cuando se especifica la familia de fuentes "

Inserto-bloque-final - Trucos CSS

Inserto-bloque-final - Trucos CSS

Inset-block-end es una propiedad lógica de CSS que establece la longitud de desplazamiento de un elemento en la dirección del bloque desde su borde final. Es como "

Tamaño en línea - Trucos CSS

Tamaño en línea - Trucos CSS

Inline-size es una propiedad lógica que define el ancho de un elemento cuando el modo de escritura es horizontal, o la altura del elemento cuando el "

Bloque de inserción - Trucos CSS

Bloque de inserción - Trucos CSS

Inset-block es una propiedad CSS lógica abreviada que establece la longitud de desplazamiento de un elemento en la dirección del bloque combinando inset-block-start y "