Exemplo
Faça o texto em todos os <div> elementos mais ampla:
div
{
font-stretch: expanded;
}
Tente você mesmo " Definição e Uso
A propriedade font-stretch permite tornar o texto mais largo ou mais estreito.
| Valor padrão: | normal |
|---|---|
| Herdado: | yes |
| Animatable: | yes. Read about animatable |
| Versão: | CSS3 |
| sintaxe JavaScript: | object .style.fontStretch="expanded" |
Suporte a navegadores
Nenhum dos principais navegadores suportam a propriedade font-stretch.
| Propriedade | |||||
|---|---|---|---|---|---|
| font-stretch | Não suportado | Não suportado | Não suportado | Não suportado | Não suportado |
Sintaxe
font-stretch:
ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded|initial|inherit;Valores de propriedade
| Valor | Descrição |
|---|---|
| ultra-condensed | Torna o texto tão estreito quanto ele ganha |
| extra-condensed | Torna o texto mais estreita do que condensados, mas não tão estreito como ultra-condensado |
| condensed | Torna o texto mais estreita do que semi-condensados, mas não tão estreito como extra-condensado |
| semi-condensed | Torna o texto mais estreito do que o normal, mas não tão estreito quanto condensado |
| normal | Valor padrão. Nenhuma fonte de alongamento |
| semi-expanded | Torna o texto mais largo do que o normal, mas não tão larga quanto expandida |
| expanded | Torna o texto mais larga do que semi-expandido, mas não tão larga como extra-expandida |
| extra-expanded | Torna o texto mais larga do que expandido, mas não tão larga como ultra-expandido |
| ultra-expanded | Torna o texto tão grande quanto ele ganha |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |