CSS3 contém vários novos recursos de texto.
Neste capítulo, você vai aprender sobre as seguintes propriedades do texto:
- text-shadow
- word-wrap
Internet Explorer 10, Firefox, Chrome, Safari, Opera e suporte a propriedade text-shadow.
Todos os principais navegadores suportam a propriedade word-wrap.
Nota: O Internet Explorer 9 e versões anteriores, não suporta a propriedade text-shadow.
CSS3 Text Shadow
Em CSS3, a propriedade text-shadow aplica sombra ao texto.
Você especifica a sombra horizontal , a sombra vertical, a distância borrão , ea cor da sombra :
ExemploAdicionar uma sombra a um cabeçalho :h1{text-shadow : 5px 5px 5px # FF0000 ;}
CSS3 Palavra WrappingSe uma palavra é muito grande para caber dentro de uma área , ele se expande do lado de fora :Este parágrafo contém uma palavra muito longa : thisisaveryveryveryveryveryverylongword . A palavra longa vai quebrar e quebra para a próxima linha.Em CSS3 , a propriedade word-wrap permite forçar o texto para embrulhar - mesmo que isso signifique dividindo-o no meio de uma palavra:Este parágrafo contém uma palavra muito longa : thisisaveryveryveryveryveryverylongword . A palavra longa vai quebrar e quebra para a próxima linha.O CSS é como se segue :
ExemploPermitir palavras longas para ser capaz de quebrar e quebrar para a próxima linha :p { word-wrap : break-word ;}
Propriedades de texto CSS3
| Property | Description | CSS |
|---|---|---|
| hanging-punctuation | Especifica se um caractere de pontuação pode ser colocado fora da caixa de linha | 3 |
| punctuation-trim | Especifica se um caractere de pontuação devem ser aparadas | 3 |
| text-align-last | Descreve como a última linha de um bloco ou de um direito de linha antes de uma quebra de linha forçada está alinhado quando text-align é "justificar" | 3 |
| text-emphasis | Aplica-se marcas de ênfase, ea cor de primeiro plano das marcas de ênfase, para o texto do elemento | 3 |
| text-justify | Especifica o método de justificação usada quando text-align é "justificar" | 3 |
| text-outline | Especifica um esboço do texto | 3 |
| text-overflow | Especifica o que deve acontecer quando o texto transborda o elemento que contém | 3 |
| text-shadow | Adicionar sombra ao texto | 3 |
| text-wrap | Especifica as regras de quebra de linha para o texto | 3 |
| word-break | Especifica as regras de quebra de linha para os scripts non-CJK | 3 |
| word-wrap | Permite que palavras longas, inquebráveis para ser quebrados e quebra para a próxima linha | 3 |
Nenhum comentário:
Postar um comentário