MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

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
Animatablenão
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

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 Level 3
The definition of 'word-break' in that specification.
Working Draft Definição inicial

Compatibilidade entre os navegadores

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,