CSS Almanac 2025, Janeiro

Lado da legenda - CSS-Tricks

Lado da legenda - CSS-Tricks

A propriedade caption-side em CSS permite definir onde posicionar o elemento HTML, usado em tabelas HTML. Esta propriedade também pode ser aplicada a qualquer elemento "

Caixa-sombra - CSS-Tricks

Caixa-sombra - CSS-Tricks

Usado para projetar sombras (geralmente chamadas de "sombras projetadas", como no Photoshop) a partir de elementos. Aqui está um exemplo com o suporte de navegador mais profundo possível: "

Border-radius - CSS-Tricks

Border-radius - CSS-Tricks

Você pode dar a qualquer elemento "cantos arredondados" aplicando um raio de borda por meio de CSS. Você só notará se houver uma mudança de cor envolvida. Por exemplo,"

Dimensionamento de caixa - CSS-Tricks

Dimensionamento de caixa - CSS-Tricks

A propriedade box-sizing em CSS controla como o modelo de caixa é tratado para o elemento ao qual se aplica. .module (box-sizing: border-box;) Um dos mais "

Espaçamento de fronteira - CSS-Tricks

Espaçamento de fronteira - CSS-Tricks

A propriedade border-spacing em CSS controla a distância entre as células de um elemento (ou um elemento que é feito para ser semelhante a uma tabela por meio de display: table;). Isto"

Fronteira - CSS-Tricks

Fronteira - CSS-Tricks

A propriedade border-boundary em CSS define restrições aos limites de um elemento que afetam como as bordas do elemento se comportam. Está definido no CSS "

Tamanho do fundo - CSS-Tricks

Tamanho do fundo - CSS-Tricks

A propriedade background-size em CSS é uma das mais úteis - e mais complexas - das propriedades de fundo. Existem muitas variações e diferentes "

Colapso da fronteira - CSS-Tricks

Colapso da fronteira - CSS-Tricks

A propriedade border-collapse é para uso em elementos (ou elementos feitos para se comportar como uma tabela por meio de display: table ou display: inline-table). Tem"

Fronteira - CSS-Tricks

Fronteira - CSS-Tricks

A propriedade border é uma sintaxe abreviada em CSS que aceita vários valores para desenhar uma linha ao redor do elemento ao qual é aplicada. .box (borda: 3px "

Modo de mistura de fundo - CSS-Tricks

Modo de mistura de fundo - CSS-Tricks

A propriedade background-blend-mode define como a imagem de fundo de um elemento deve se mesclar com sua cor de fundo: .container (background-image: "

Estouro de bloco - CSS-Tricks

Estouro de bloco - CSS-Tricks

A propriedade block-overflow trunca o texto e indica que mais conteúdo segue inserindo reticências ou string personalizada após um número de linhas que é "

Sangrar - CSS-Tricks

Sangrar - CSS-Tricks

A propriedade de sangramento em CSS é para especificar o espaço fora do limite da caixa da página ao determinar o tamanho de uma página impressa. @page: left (bleed: 10pt; "

Repetição de fundo - CSS-Tricks

Repetição de fundo - CSS-Tricks

Se uma propriedade background-image for especificada, a propriedade background-repeat em CSS define se (e como) ela se repetirá. Aqui está um exemplo: html ("

Posição de fundo - CSS-Tricks

Posição de fundo - CSS-Tricks

A propriedade background-position em CSS permite que você mova uma imagem de fundo (ou gradiente) dentro de seu contêiner. html (posição de fundo: 100px "

Imagem de fundo - CSS-Tricks

Imagem de fundo - CSS-Tricks

A propriedade background-image em CSS aplica um gráfico (por exemplo, PNG, SVG, JPG.webp, GIF, WEBP) ou gradiente ao fundo de um elemento. Existem dois "

Cor de fundo - CSS-Tricks

Cor de fundo - CSS-Tricks

A propriedade background-color em CSS aplica cores sólidas como fundo em um elemento. Aqui está um exemplo: html (background-color: # 82a43a;) O exemplo "

Origem do fundo - CSS-Tricks

Origem do fundo - CSS-Tricks

A propriedade background-origin define onde pintar o fundo: em todo o elemento, dentro da borda ou dentro do preenchimento. Existem quatro"

Clipe de fundo - CSS-Tricks

Clipe de fundo - CSS-Tricks

Background-clip permite controlar até que ponto uma imagem ou cor de fundo se estende além do preenchimento ou conteúdo de um elemento. .frame (clipe de fundo: "

Aparência - CSS-Tricks

Aparência - CSS-Tricks

A propriedade de aparência é usada para exibir um elemento usando um estilo nativo da plataforma com base no tema do sistema operacional dos usuários. .coisa ("

Visibilidade da face posterior - CSS-Tricks

Visibilidade da face posterior - CSS-Tricks

A propriedade visibilidade da face posterior está relacionada às transformações 3D. Com as transformações 3D, você pode girar um elemento para o que consideramos a "frente" de "

Anexo de fundo - CSS-Tricks

Anexo de fundo - CSS-Tricks

A propriedade background-attachment em CSS especifica como mover o fundo em relação à janela de visualização. Existem três valores: scroll, fixed e local. "

Filtro de fundo - CSS-Tricks

Filtro de fundo - CSS-Tricks

A propriedade de filtro de fundo em CSS é usada para aplicar efeitos de filtro (tons de cinza, contraste, desfoque, etc.) ao fundo / fundo de um elemento. O"

Fundo - CSS-Tricks

Fundo - CSS-Tricks

A propriedade background em CSS permite que você controle o fundo de qualquer elemento (o que pinta sob o conteúdo desse elemento). É uma abreviatura "

Animação - CSS-Tricks

Animação - CSS-Tricks

A propriedade de animação em CSS pode ser usada para animar muitas outras propriedades CSS, como cor, cor de fundo, altura ou largura. Cada animação precisa "

Tudo - CSS-Tricks

Tudo - CSS-Tricks

A propriedade all em CSS redefine todas as propriedades do elemento selecionado, exceto as propriedades direction e unicode-bidi que controlam a direção do texto. "

Alinhar-se - CSS-Tricks

Alinhar-se - CSS-Tricks

A propriedade align-self é uma subpropriedade do módulo Layout de caixa flexível. Torna possível substituir o valor dos itens de alinhamento para itens flexíveis específicos. "