Almanaque CSS 2024, Diciembre

Ancho mínimo - Trucos CSS

Ancho mínimo - Trucos CSS

La propiedad min-width en CSS se usa para establecer el ancho mínimo de un elemento especificado. La propiedad min-width siempre anula la propiedad width si "

Máscara-imagen - Trucos CSS

Máscara-imagen - Trucos CSS

La propiedad de máscara en CSS le permite ocultar partes de un elemento. Por ejemplo, si tiene una imagen en blanco y negro, puede aplicarla como una máscara y las partes negras obligarán al elemento a ser transparente en esos elementos. Las máscaras también pueden coincidir con la transparencia alfa de la imagen de la máscara ".

Max-inline-size - Trucos CSS

Max-inline-size - Trucos CSS

Max-inline-size es una propiedad lógica en CSS que define el ancho máximo de un elemento cuando el modo de escritura es horizontal, o la altura máxima de "

Offset-rotar - Trucos CSS

Offset-rotar - Trucos CSS

Esta propiedad comenzó su vida como movimiento-rotación, luego se convirtió en desplazamiento-rotación, ahora es desplazamiento-rotación. Sigue siendo una propiedad experimental en borrador de trabajo "

Distancia de desplazamiento - Trucos CSS

Distancia de desplazamiento - Trucos CSS

Esta propiedad comenzó su vida como movimiento compensado. Esta, y todas las demás propiedades relacionadas con el movimiento *, se renombran como offset- * en la especificación. Estamos cambiando el "

Posición del objeto - Trucos CSS

Posición del objeto - Trucos CSS

La propiedad de posición de objeto se usa junto con la propiedad de ajuste de objeto y define cómo un elemento, como un video o una imagen, se coloca con X / Y "

Ajuste de objeto - Trucos CSS

Ajuste de objeto - Trucos CSS

La propiedad de ajuste al objeto define cómo responde un elemento a la altura y el ancho de su cuadro de contenido. Está diseñado para imágenes, videos y otros elementos integrables "

Altura mínima - Trucos CSS

Altura mínima - Trucos CSS

La propiedad min-height en CSS se utiliza para establecer la altura mínima de un elemento especificado. La propiedad min-height siempre anula tanto la altura como "

Opacidad - Trucos CSS

Opacidad - Trucos CSS

La propiedad de opacidad en CSS especifica qué tan transparente es un elemento. Uso básico: div (opacidad: 0.5;) La opacidad tiene un valor inicial predeterminado de 1 (100% "

Orden - Trucos CSS

Orden - Trucos CSS

La propiedad de pedido es una subpropiedad del módulo Diseño de caja flexible. Los elementos flexibles se muestran en el mismo orden en que aparecen en el documento de origen "

Desplazamiento-ancla - Trucos CSS

Desplazamiento-ancla - Trucos CSS

La propiedad offset-anchor define un punto dentro del cuadro que se aplica como el ancla que se mueve a lo largo de la ruta de desplazamiento. Eso es un poco prolijo, así que vamos a romper "

Huérfanos - Trucos CSS

Huérfanos - Trucos CSS

En términos de tipografía, un huérfano es la primera línea de un párrafo que se deja atrás en la página anterior mientras el párrafo continúa en la siguiente. El orfanato"

Ruta de desplazamiento - Trucos CSS

Ruta de desplazamiento - Trucos CSS

Esta propiedad comenzó su vida como trayectoria de movimiento. Esta, y todas las demás propiedades relacionadas con el movimiento *, se renombran como offset- * en la especificación. Estamos cambiando los nombres "

Esquema - Trucos CSS

Esquema - Trucos CSS

La propiedad de contorno en CSS dibuja una línea alrededor del exterior de un elemento. Es similar a la frontera, excepto que: siempre rodea todos los lados, tú "

Desbordamiento-ancla - Trucos CSS

Desbordamiento-ancla - Trucos CSS

La propiedad overflow-anchor nos permite optar por no participar en Scroll Anchoring, que es una función del navegador destinada a permitir que el contenido se cargue por encima del "

Contorno-desplazamiento - Trucos CSS

Contorno-desplazamiento - Trucos CSS

La propiedad de desplazamiento de contorno en CSS compensa un contorno definido desde el borde del borde de un elemento en una cantidad específica. Un esquema, que es diferente de un "

Acolchado - Trucos CSS

Acolchado - Trucos CSS

La propiedad de relleno en CSS define la parte más interna del modelo de caja, creando espacio alrededor del contenido de un elemento, dentro de los márgenes definidos "

Perspectiva - Trucos CSS

Perspectiva - Trucos CSS

La propiedad CSS perspectiva le da a un elemento un espacio 3D al afectar la distancia entre el plano Z y el usuario. La fuerza del efecto es "

Overflow-wrap - Trucos CSS

Overflow-wrap - Trucos CSS

La propiedad overflow-wrap en CSS le permite especificar que el navegador puede dividir una línea de texto dentro del elemento de destino en varias líneas en un "

Orden de pintura - Trucos CSS

Orden de pintura - Trucos CSS

La propiedad de orden de pintura CSS establece el orden en que se dibujan las formas y el texto SVG, incluido el relleno, el trazo y los marcadores que puedan estar en uso. Por"

Salto de página - Trucos CSS

Salto de página - Trucos CSS

No hay una propiedad de salto de página real en CSS. En realidad, es un conjunto de 3 propiedades: salto de página antes, salto de página después y salto de página interior. Estos"

Perspectiva-origen - Trucos CSS

Perspectiva-origen - Trucos CSS

La propiedad de origen de perspectiva determina el origen de la propiedad de perspectiva. Piense en ello como el punto de fuga del espacio 3D actual. Nota como "

Comportamiento de desplazamiento excesivo - Trucos CSS

Comportamiento de desplazamiento excesivo - Trucos CSS

La propiedad de comportamiento de desplazamiento excesivo en CSS controla si un elemento utilizará "encadenamiento de desplazamiento" o no. Probablemente hayas experimentado este comportamiento antes "

Cambiar el tamaño - Trucos CSS

Cambiar el tamaño - Trucos CSS

La propiedad de cambio de tamaño controla si el usuario puede cambiar el tamaño de un elemento y cómo hacerlo haciendo clic y arrastrando la esquina inferior derecha del elemento. .module ("

Artículos de lugar - Trucos CSS

Artículos de lugar - Trucos CSS

La propiedad place-items en CSS es una abreviatura de las propiedades align-items y justify-items, combinándolas en una sola declaración. Un uso común es "

Puntero-eventos - Trucos CSS

Puntero-eventos - Trucos CSS

La propiedad pointer-events permite controlar cómo los elementos HTML responden a los eventos del mouse / toque, incluidos los estados activos / de desplazamiento de CSS, eventos de clic / toque "

Cotizaciones - Trucos CSS

Cotizaciones - Trucos CSS

La propiedad de comillas en CSS le permite especificar qué tipos de comillas se utilizan cuando las comillas se agregan a través del contenido: open-quote; o contenido: "

Desbordamiento - Trucos CSS

Desbordamiento - Trucos CSS

La propiedad de desbordamiento controla lo que sucede con el contenido que se sale de sus límites: imagina un div en el que has establecido explícitamente que tenga 200 píxeles de ancho ".

Posición - Trucos CSS

Posición - Trucos CSS

La propiedad de posición puede ayudarlo a manipular la ubicación de un elemento, por ejemplo: .elemento (posición: relativa; parte superior: 20px;) Relativo a su "

Barra de desplazamiento - Trucos CSS

Barra de desplazamiento - Trucos CSS

Una breve historia del estilo de las barras de desplazamiento: solía ser algo que solo Internet Explorer podía hacer (versiones antiguas) con cosas como -ms-scrollbar-base-color ".