We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

Esta tradução está incompleta. Por favor, ajude a traduzir este artigo.

Resumo

A propriedade CSS word-break é usada para especificar se as linhas devem ser quebradas dentro das palavras.

Initial valuenormal
Aplica-se aall elements
Inheritedyes
Midiavisual
Computed valueas specified
Animation typediscrete
Canonical orderthe unique non-ambiguous order defined by the formal grammar

Sintaxe

/* Keyword values */
word-break: normal; 
word-break: break-all; 
word-break: keep-all;

/* Global values */
word-break: inherit;
word-break: initial;
word-break: unset;

Valores

normal
Usa a regra de quebra de linha padrão.
break-all
Quebras de linha podem ser inseridas entre qualquer caractere de texto não-CJC (Chinês/Japonês/Coreano).
keep-all
Não permite quebra de linha para texto CJC. Texto não-CJC se comporta como normal.

Sintaxe formal

normal | break-all | keep-all | break-word

Examplos

Conteúdo HTML

<p>1. <code>word-break: normal</code></p>
<p class="normal narrow"> This is a long and Supercalifragilisticexpialidocious sentence. 次の単語グレートブリテンおよび北アイルランド連合王国で本当に大きな言葉 </p> 

<p>2. <code>word-break: break-all</code></p>
<p class="breakAll narrow"> This is a long and Supercalifragilisticexpialidocious sentence. 次の単語グレートブリテンおよび北アイルランド連合王国で本当に大きな言葉 </p> 

<p>3. <code>word-break: keep-all</code></p>
<p class="keep narrow"> This is a long and Supercalifragilisticexpialidocious sentence. 次の単語グレートブリテンおよび北アイルランド連合王国で本当に大きな言葉</p>

 

Conteúdo CSS

.narrow {
    padding: 5px;
    border: 1px solid;
    width: 8em;
}

.normal {
    word-break: normal;
}

.breakAll {
    word-break: break-all;
}

.keep {
    word-break: keep-all;
}

Especificações

Especificação Status Commentário
CSS Text Module Level 3
The definition of 'word-break' in that specification.
Rascunho atual Definição inicial

Compatibilidade entre os navegadores

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Característica Chrome Firefox (Gecko) Internet Explorer Opera Safari
Suporte básico 1.0 15.0 (15.0) 5.5 15 (Yes)
keep-all 44 15.0 (15.0) 5.5 31 9
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support (Yes) 18.0 15.0 (15.0) ? Não suportado ?
keep-all Não suportado [2] Não suportado [2] 15.0 (15.0) ? Não suportado 9

[1] IE8 introduziu -ms-word-break como um sinônimo para word-break. Não use o prefixo -ms-.

[2] WebKit bug 123782.

Veja também

Etiquetas do documento e colaboradores

Colaboradores desta página: teoli, anderson-fachini
Última atualização por: teoli,