CSS Almanac 2025, Janeiro

Estouro - CSS-Tricks

Estouro - CSS-Tricks

A propriedade overflow controla o que acontece com o conteúdo que ultrapassa seus limites: imagine uma div na qual você definiu explicitamente como 200 px de largura, "

Citações - CSS-Tricks

Citações - CSS-Tricks

A propriedade aspas em CSS permite que você especifique quais tipos de aspas são usados ​​quando aspas são adicionadas por meio do conteúdo: open-quote; ou conteúdo: "

Eventos de ponteiro - CSS-Tricks

Eventos de ponteiro - CSS-Tricks

A propriedade pointer-events permite controlar como os elementos HTML respondem a eventos de mouse / toque - incluindo CSS hover / estados ativos, eventos de clique / toque "

Itens de lugar - CSS-Tricks

Itens de lugar - CSS-Tricks

A propriedade place-items em CSS é uma abreviação para as propriedades align-items e justify-items, combinando-as em uma única declaração. Um uso comum é "

Redimensionar - CSS-Tricks

Redimensionar - CSS-Tricks

A propriedade resize controla se e como um elemento pode ser redimensionado pelo usuário clicando e arrastando o canto inferior direito do elemento. .module ("

Comportamento de deslocamento - CSS-Tricks

Comportamento de deslocamento - CSS-Tricks

A propriedade overscroll-behaviour em CSS controla se um elemento usará "encadeamento de rolagem" ou não. Você provavelmente já experimentou esse comportamento antes "

Perspectiva-origem - CSS-Tricks

Perspectiva-origem - CSS-Tricks

A propriedade perspectiva-origem determina a origem da propriedade perspectiva. Pense nisso como o ponto de fuga do atual espaço 3D. Observe como "

Quebra de página - CSS-Tricks

Quebra de página - CSS-Tricks

Não há uma propriedade de quebra de página real no CSS. Na verdade, é um conjunto de 3 propriedades: quebra de página antes, quebra de página depois e quebra de página dentro. Esses"

Ordem de pintura - CSS-Tricks

Ordem de pintura - CSS-Tricks

A propriedade CSS paint-order define a ordem em que as formas SVG e o texto são desenhados, incluindo o preenchimento, o traço e quaisquer marcadores que possam estar em uso. De"

Overflow-wrap - CSS-Tricks

Overflow-wrap - CSS-Tricks

A propriedade overflow-wrap em CSS permite que você especifique que o navegador pode quebrar uma linha de texto dentro do elemento de destino em várias linhas em um "

Perspectiva - CSS-Tricks

Perspectiva - CSS-Tricks

A propriedade CSS da perspectiva fornece a um elemento um espaço 3D ao afetar a distância entre o plano Z e o usuário. A força do efeito é "

Enchimento - CSS-Tricks

Enchimento - CSS-Tricks

A propriedade padding em CSS define a parte mais interna do modelo de caixa, criando espaço ao redor do conteúdo de um elemento, dentro de quaisquer margens definidas "

Contorno-deslocamento - CSS-Tricks

Contorno-deslocamento - CSS-Tricks

A propriedade contorno-deslocamento em CSS desloca um contorno definido da borda da borda de um elemento em um valor especificado. Um esboço, que é diferente de um "

Âncora de estouro - CSS-Tricks

Âncora de estouro - CSS-Tricks

A propriedade overflow-anchor nos permite cancelar o Scroll Anchoring, que é um recurso do navegador destinado a permitir que o conteúdo seja carregado acima do usuário "

Esboço - CSS-Tricks

Esboço - CSS-Tricks

A propriedade outline em CSS desenha uma linha ao redor de um elemento. É semelhante à fronteira, exceto que: sempre contorna todos os lados, você "

Caminho de deslocamento - CSS-Tricks

Caminho de deslocamento - CSS-Tricks

Esta propriedade começou como um caminho de movimento. Esta, e todas as outras propriedades de motion- * relacionadas, estão sendo renomeadas para offset- * na especificação. Estamos mudando os nomes "

Órfãos - CSS-Tricks

Órfãos - CSS-Tricks

Em termos de tipografia, um órfão é a primeira linha de um parágrafo que é deixada para trás na página antiga enquanto o parágrafo continua na próxima. O órfão"

Âncora de deslocamento - CSS-Tricks

Âncora de deslocamento - CSS-Tricks

A propriedade offset-anchor define um ponto dentro da caixa que é aplicado como a âncora que se move ao longo do offset-path. Isso é meio prolixo, então vamos interromper "

Pedido - CSS-Tricks

Pedido - CSS-Tricks

A propriedade do pedido é uma subpropriedade do módulo Layout de caixa flexível. Os itens flexíveis são exibidos na mesma ordem em que aparecem no documento de origem "

Opacidade - CSS-Tricks

Opacidade - CSS-Tricks

A propriedade opacity em CSS especifica o quão transparente é um elemento. Uso básico: div (opacidade: 0,5;) Opacidade tem um valor inicial padrão de 1 (100% "

Altura mínima - CSS-Tricks

Altura mínima - CSS-Tricks

A propriedade min-height em CSS é usada para definir a altura mínima de um elemento especificado. A propriedade min-height sempre substitui height e "

Ajuste ao objeto - CSS-Tricks

Ajuste ao objeto - CSS-Tricks

A propriedade object-fit define como um elemento responde à altura e largura de sua caixa de conteúdo. Destina-se a imagens, vídeos e outros incorporáveis ​​"

Posição do objeto - CSS-Tricks

Posição do objeto - CSS-Tricks

A propriedade object-position é usada em conjunto com a propriedade object-fit e define como um elemento, como um vídeo ou imagem, é posicionado com X / Y "

Distância compensada - CSS-Tricks

Distância compensada - CSS-Tricks

Esta propriedade começou como deslocamento de movimento. Esta, e todas as outras propriedades de motion- * relacionadas, estão sendo renomeadas para offset- * na especificação. Estamos mudando o "

Deslocar-girar - CSS-Tricks

Deslocar-girar - CSS-Tricks

Essa propriedade começou como rotação de movimento, depois se tornou rotação de deslocamento, agora é rotação de deslocamento. Ainda é uma propriedade experimental de Working Draft "

Tamanho máximo em linha - CSS-Tricks

Tamanho máximo em linha - CSS-Tricks

Max-inline-size é uma propriedade lógica em CSS que define a largura máxima de um elemento quando o modo de escrita é horizontal ou a altura máxima de "

Máscara-imagem - CSS-Tricks

Máscara-imagem - CSS-Tricks

A propriedade mask em CSS permite ocultar partes de um elemento. Por exemplo, se você tiver uma imagem em preto e branco, pode aplicá-la como máscara e as partes pretas forçarão o elemento a ser transparente nesses elementos. As máscaras também podem corresponder à transparência alfa da imagem da máscara. "

Largura mínima - CSS-Tricks

Largura mínima - CSS-Tricks

A propriedade min-width em CSS é usada para definir a largura mínima de um elemento especificado. A propriedade min-width sempre substitui a propriedade width se "

Mix-blend-mode - CSS-Tricks

Mix-blend-mode - CSS-Tricks

A propriedade mix-blend-mode define como o conteúdo de um elemento deve se mesclar com seu plano de fundo. Por exemplo, o texto de um

pode se misturar com o "

Modo de máscara - CSS-Tricks

Modo de máscara - CSS-Tricks

A propriedade CSS do modo de máscara indica se a imagem da camada de máscara CSS é tratada como uma máscara alfa ou uma máscara de luminância. .element (imagem-máscara: "