Almanaque CSS 2024, Diciembre

Filtro de fondo - Trucos CSS

Filtro de fondo - Trucos CSS

La propiedad backdrop-filter en CSS se usa para aplicar efectos de filtro (escala de grises, contraste, desenfoque, etc.) al fondo / telón de fondo de un elemento. Los"

:: selección - Trucos CSS

:: selección - Trucos CSS

Con el cursor, seleccione esta oración. ¿Observa cómo al seleccionar el texto, un color de fondo llena el espacio? Puede cambiar el color de fondo y "

Adjunto de fondo - Trucos CSS

Adjunto de fondo - Trucos CSS

La propiedad de adjunto de fondo en CSS especifica cómo mover el fondo en relación con la ventana gráfica. Hay tres valores: desplazamiento, fijo y local ".

:: marcador de posición - Trucos CSS

:: marcador de posición - Trucos CSS

El pseudo elemento :: marcador de posición (o una pseudo clase, en algunos casos, dependiendo de la implementación del navegador) le permite diseñar el texto del marcador de posición de un "

Visibilidad de la cara posterior - Trucos CSS

Visibilidad de la cara posterior - Trucos CSS

La propiedad de visibilidad del reverso se relaciona con las transformaciones 3D. Con las transformaciones 3D, puede administrar rotar un elemento para que lo que consideramos el "frente" de "

: válido - Trucos CSS

: válido - Trucos CSS

El selector: valid le permite seleccionar elementos que contienen contenido válido, según lo determinado por su atributo de tipo. : válido está definido en los selectores CSS "

Apariencia - Trucos CSS

Apariencia - Trucos CSS

La propiedad de apariencia se usa para mostrar un elemento usando un estilo nativo de la plataforma basado en el tema del sistema operativo del usuario. .cosa ("

: visitado - Trucos CSS

: visitado - Trucos CSS

El selector de pseudo-clase: visitado puede cambiar parte del estilo de un elemento de enlace de anclaje () si el navegador del usuario ya ha visitado el enlace ".

Clip de fondo - Trucos CSS

Clip de fondo - Trucos CSS

Background-clip le permite controlar hasta dónde se extiende una imagen o color de fondo más allá del relleno o contenido de un elemento. .frame (clip de fondo: "

: usuario no válido - Trucos CSS

: usuario no válido - Trucos CSS

: User-invalid es una pseudoclase CSS que se propone en el borrador de trabajo de nivel 4 de selectores CSS que selecciona un elemento de formulario en función de si

Origen-fondo - Trucos CSS

Origen-fondo - Trucos CSS

La propiedad background-origin define dónde pintar el fondo: en todo el elemento, dentro del borde o dentro del relleno. Existen cuatro"

Color de fondo - Trucos CSS

Color de fondo - Trucos CSS

La propiedad background-color en CSS aplica colores sólidos como fondo en un elemento. Aquí hay un ejemplo: html (background-color: # 82a43a;) El ejemplo "

Imagen de fondo - Trucos CSS

Imagen de fondo - Trucos CSS

La propiedad background-image en CSS aplica un gráfico (por ejemplo, PNG, SVG, JPG.webp, GIF, WEBP) o degradado al fondo de un elemento. Hay dos"

Posición de fondo - Trucos CSS

Posición de fondo - Trucos CSS

La propiedad background-position en CSS le permite mover una imagen de fondo (o degradado) dentro de su contenedor. html (posición de fondo: 100px "

Repetición de fondo - Trucos CSS

Repetición de fondo - Trucos CSS

Si se especifica una propiedad de imagen de fondo, la propiedad de repetición de fondo en CSS define si (y cómo) se repetirá. Aquí tienes un ejemplo: html ("

Sangrar - Trucos CSS

Sangrar - Trucos CSS

La propiedad de sangrado en CSS sirve para especificar el espacio fuera del límite del cuadro de página al determinar el tamaño de una página impresa. @page: left (sangrado: 10pt; "

Desbordamiento de bloque - Trucos CSS

Desbordamiento de bloque - Trucos CSS

La propiedad block-overflow trunca el texto e indica que sigue más contenido insertando una elipsis o una cadena personalizada después de un número de líneas que es "

Modo de mezcla de fondo - Trucos CSS

Modo de mezcla de fondo - Trucos CSS

La propiedad background-blend-mode define cómo la imagen de fondo de un elemento debe combinarse con su color de fondo: .container (background-image: "

Frontera - Trucos CSS

Frontera - Trucos CSS

La propiedad de borde es una sintaxis abreviada en CSS que acepta múltiples valores para dibujar una línea alrededor del elemento al que se aplica. .box (borde: 3px "

Colapso de la frontera - Trucos CSS

Colapso de la frontera - Trucos CSS

La propiedad border-collapse se usa en elementos (o elementos hechos para comportarse como una tabla a través de display: table o display: inline-table). Existen"

Tamaño de fondo - Trucos CSS

Tamaño de fondo - Trucos CSS

La propiedad background-size en CSS es una de las propiedades de fondo más útiles y más complejas. Hay muchas variaciones y diferentes "

Frontera-límite - Trucos CSS

Frontera-límite - Trucos CSS

La propiedad border-boundary en CSS establece restricciones a los límites de un elemento que afectan cómo se comportan los bordes del elemento. Está definido en el CSS "

Espaciado de bordes - Trucos CSS

Espaciado de bordes - Trucos CSS

La propiedad de espaciado de borde en CSS controla qué tan separadas están las celdas en un elemento (o un elemento que se hace similar a una tabla a través de display: table;). Eso"

Dimensionamiento de cajas - Trucos CSS

Dimensionamiento de cajas - Trucos CSS

La propiedad de tamaño de caja en CSS controla cómo se maneja el modelo de caja para el elemento al que se aplica. .module (box-sizing: border-box;) Uno de los más "

Radio de borde - Trucos CSS

Radio de borde - Trucos CSS

Puede dar a cualquier elemento "esquinas redondeadas" aplicando un radio de borde a través de CSS. Solo notará si hay un cambio de color involucrado. Por ejemplo,"

Caja de sombra - Trucos CSS

Caja de sombra - Trucos CSS

Se utiliza para proyectar sombras (a menudo llamadas "Sombras paralelas", como en Photoshop) a partir de elementos. A continuación, se muestra un ejemplo con la mayor compatibilidad posible con el navegador: "

Pie de foto - Trucos CSS

Pie de foto - Trucos CSS

La propiedad del lado del título en CSS le permite definir dónde colocar el elemento HTML, utilizado en tablas HTML. Esta propiedad también se puede aplicar a cualquier elemento "

Intrusión - Trucos CSS

Intrusión - Trucos CSS

Las columnas hacen un gran trabajo al fluir y equilibrar el contenido. Desafortunadamente, no todos los elementos fluyen con gracia. A veces, los elementos se atascan entre las columnas ".

Caja-decoracion-descanso - Trucos CSS

Caja-decoracion-descanso - Trucos CSS

La propiedad box-decoration-break le permite controlar cómo se dibujan las decoraciones de las cajas en los fragmentos de un elemento "roto". Un elemento puede entrar en "

Imagen de borde - Trucos CSS

Imagen de borde - Trucos CSS

Border-image es una propiedad abreviada que le permite usar una imagen o un degradado CSS como borde de un elemento. .module (imagen de borde: url (borde.png.webp) 25 25 "