pattern

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Um padrão é utilizado para preenchimento ou traçado de um objeto utilizando um objeto gráfico pré-definido o qual pode ser replicado ("ladrilhado") com intervalos fixados em x e y para cobrir as áreas que serão pintadas. Padrões são definidos utilizando o elemento pattern e, em seguida, referenciado pelas propriedades fill e stroke em um determinado elemento gráfico para indicar que o elemento em questão deveria ser preenchido ou traçado com o padrão referenciado.

Contexto de uso

Categorias	Elemento recipiente
Conteúdo permitido	Qualquer número dos seguintes elementos, em qualquer ordem: Elementos de animação Elementos descritivos Elementos de gradiente Elementos de forma Elementos estruturais `<a>`, `<clipPath>`, `<filter>`, `<foreignObject>`, `<image>`, `<marker>`, `<mask>`, `<script>`, `<style>`, `<switch>`, `<text>`, `<view>`

pattern

Baseline Widely available

Contexto de uso

Exemplo

Atributos

Atributos globais

Atributos específicos

Interface DOM