CSS Almanac 2025, Janeiro

Extremidade do bloco de inserção - CSS-Tricks

Extremidade do bloco de inserção - CSS-Tricks

Inset-block-end é uma propriedade CSS lógica que define o comprimento em que um elemento é deslocado na direção do bloco a partir de sua borda final. É como "

Síntese de fontes - CSS-Tricks

Síntese de fontes - CSS-Tricks

A propriedade font-systhesis em CSS dá ao navegador instruções sobre como lidar com a fonte em negrito e itálico quando a família de fontes especificada "

Renderização de imagens - CSS-Tricks

Renderização de imagens - CSS-Tricks

A propriedade de renderização de imagem define como o navegador deve renderizar uma imagem se ela for aumentada ou diminuída de suas dimensões originais. Por padrão, cada "

Lacuna - CSS-Tricks

Lacuna - CSS-Tricks

A propriedade gap em CSS é uma abreviação de gap de linha e gap de coluna, especificando o tamanho das medianizes, que é o espaço entre linhas e colunas dentro de "

Pontuação suspensa - CSS-Tricks

Pontuação suspensa - CSS-Tricks

A propriedade de pontuação suspensa visa fornecer aos designers da web um controle mais refinado sobre a tipografia na web. A ideia por trás da pontuação deslocada é "

Hífens - CSS-Tricks

Hífens - CSS-Tricks

A propriedade hyphens controla a hifenização de texto em elementos de nível de bloco. Você pode impedir que a hifenização aconteça, permitir ou apenas permitir "

Altura - CSS-Tricks

Altura - CSS-Tricks

A propriedade height em CSS define especifica a altura do conteúdo das caixas e aceita qualquer um dos valores de comprimento. A área de “conteúdo” é definida como "

Font-variant-numeric - CSS-Tricks

Font-variant-numeric - CSS-Tricks

A propriedade font-variant-numeric em CSS suporta o formato de fonte OpenType especificando quais glifos numéricos usar em uma classe, incluindo variações para "

Grade-linha / grade-coluna - CSS-Tricks

Grade-linha / grade-coluna - CSS-Tricks

As propriedades grid-row e grid-column definem em qual linha ou coluna um elemento será exibido. .element (grade-linha: 1/2; grade-coluna: 3 / -1;) "

Grade-modelo-colunas / grade-modelo-linhas - CSS-Tricks

Grade-modelo-colunas / grade-modelo-linhas - CSS-Tricks

As propriedades grid-template-rows e grid-template-columns são as propriedades CSS primárias para estabelecer um layout de grade, uma vez que o elemento é uma grade "

Peso da fonte - CSS-Tricks

Peso da fonte - CSS-Tricks

A propriedade font-weight define a espessura, ou espessura, de uma fonte e depende das faces de fonte disponíveis dentro de uma família de fontes ou espessuras definidas "

Font-kerning - CSS-Tricks

Font-kerning - CSS-Tricks

A propriedade CSS font-kerning define a maneira como pares específicos de letras são espaçados. Veja, as fontes geralmente contêm informações sobre quanto espaço para respirar "

Variante da fonte - CSS-Tricks

Variante da fonte - CSS-Tricks

A propriedade font-variant permite que você altere o texto alvo para versalete. Esta propriedade foi estendida no CSS3. p: primeira linha (variante da fonte: "

Estilo da fonte - CSS-Tricks

Estilo da fonte - CSS-Tricks

A propriedade font-style permite que você faça o texto aparecer em itálico (isto é, inclinado ou inclinado). em (estilo da fonte: itálico;) Esta propriedade aceita um dos três "

Tamanho da fonte - CSS-Tricks

Tamanho da fonte - CSS-Tricks

A propriedade font-size especifica o tamanho, ou altura, da fonte. font-size afeta não apenas a fonte à qual é aplicado, mas também é usado para calcular "

Ajuste do tamanho da fonte - CSS-Tricks

Ajuste do tamanho da fonte - CSS-Tricks

Esta propriedade dá aos desenvolvedores a capacidade de definir o tamanho da fonte de um elemento dependendo do tamanho de suas letras minúsculas, em vez de maiúsculas "

Configurações de recurso de fonte - CSS-Tricks

Configurações de recurso de fonte - CSS-Tricks

Essa propriedade nos dá controle sobre as configurações tipográficas avançadas, como versaletes, ligaduras e traços. Para ativá-los, você deve declarar qual "

Font-stretch - CSS-Tricks

Font-stretch - CSS-Tricks

A propriedade font-stretch, introduzida no CSS3, seleciona uma face normal, condensada ou expandida de uma fonte. Para usar o alongamento da fonte e ver o resultado de "

Dimensionamento óptico de fonte - CSS-Tricks

Dimensionamento óptico de fonte - CSS-Tricks

A propriedade CSS de tamanho óptico de fonte permite que o navegador ajuste o contorno dos glifos de fonte para torná-los mais legíveis em tamanhos diferentes. Por exemplo,"

Exibição de fontes - CSS-Tricks

Exibição de fontes - CSS-Tricks

A propriedade font-display define como os arquivos de fontes são carregados e exibidos pelo navegador. É aplicado à regra @ font-face que define fontes personalizadas "

Fonte - CSS-Tricks

Fonte - CSS-Tricks

A propriedade font em CSS é uma propriedade abreviada que combina todas as seguintes subpropriedades em uma única declaração. corpo (fonte: versalete normal "

Família de fontes - CSS-Tricks

Família de fontes - CSS-Tricks

A propriedade font-family define a fonte que é aplicada ao elemento selecionado. A fonte selecionada não é uma única face de fonte, mas uma "família", "

Flex-wrap - CSS-Tricks

Flex-wrap - CSS-Tricks

A propriedade flex-wrap é uma subpropriedade do módulo Layout de caixa flexível. Ele define se os itens flexíveis são forçados em uma única linha ou podem ser fluidos "

Exibir - CSS-Tricks

Exibir - CSS-Tricks

Cada elemento em uma página da web é uma caixa retangular. A propriedade display em CSS determina apenas como a caixa retangular se comporta. Há apenas um punhado "

Filtro - CSS-Tricks

Filtro - CSS-Tricks

Filtros CSS são uma ferramenta poderosa que os autores podem usar para obter diversos efeitos visuais (como os filtros do Photoshop para o navegador). O filtro CSS "

Flex-encolher - CSS-Tricks

Flex-encolher - CSS-Tricks

A propriedade flex-shrink é uma subpropriedade do módulo Layout de caixa flexível. Ele especifica o "fator de encolhimento do flex", que determina o quanto o flex "

Direção flexível - CSS-Tricks

Direção flexível - CSS-Tricks

A propriedade flex-direction é uma subpropriedade do módulo Layout de caixa flexível. Ele estabelece o eixo principal, definindo assim a direção dos itens flexíveis "

Flex-grow - CSS-Tricks

Flex-grow - CSS-Tricks

A propriedade flex-grow é uma subpropriedade do módulo Layout de caixa flexível. Ele define a capacidade de um item flexível crescer, se necessário. Aceita um "

Flex-flow - CSS-Tricks

Flex-flow - CSS-Tricks

A propriedade flex-flow é uma subpropriedade do módulo Layout de caixa flexível. É uma abreviação de flex-direction e flex-wrap. Sintaxe flex-flow: || "

Contra-jogo - CSS-Tricks

Contra-jogo - CSS-Tricks

A propriedade CSS counter-set, fiel ao seu nome, define o valor inicial para um contador CSS. Você sabe como as listas ordenadas começam em 1 e depois aumentam "