English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
text-A propriedade de sombra CSS aplica um ou mais efeitos de sombra de texto ao conteúdo de texto do elemento. Cada efeito de sombra de texto deve especificar o deslocamento da sombra e pode optar por especificar o raio de desfoque e a cor da sombra.
A tabela a seguir fornece instruções de uso e histórico de versões deste atributo, bem como a sintaxe de uso no script JavaScript.
| Valor padrão: | none |
|---|---|
| Aplicável a: | todos os elementos. Também se aplica a::first-letter e::first-line. |
| Herança: | sim |
| Animável: | é.Por favor, consulte Atributos de animação。 |
| Versão: | CSS3nova funcionalidade |
| Sintaxe do JavaScript: | object.style.textShadow="2px 2px #ff0000" |
O efeito de sombra do texto é aplicado na ordem especificada, portanto, pode sobrepor-se, mas nunca cobrirá o texto em si.
Pode especificar o raio de desfoque após o valor de deslocamento da sombra; é um valor de comprimento que representa o tamanho do efeito de desfoque.
Você pode especificar o valor de cor da sombra antes ou depois do valor de comprimento de deslocamento. Se não for especificado a cor da sombra, será usada a cor CSS. colorValores do atributo
A sintaxe deste atributo é a seguinte:
text-sombra: sombra1 , sombra2, ... sombraN] | none | inherit onde a sombra está: [deslocamento-x deslocamento-y nebulosidade-radius cor]
Os seguintes exemplos demonstram como usar text-Atributo shadow
h1 {
text-shadow: 2px 2px 5px #000;
}
p {
text-shadow: 1px 1px 2px rgb(0,0,0,0.5);
}Teste e veja‹/›Nota:Se os dois valores de deslocamento de sombra forem definidos como 0, a sombra será colocada atrás do texto e pode ocorrer efeito de nebulosidade ao especificar o raio de nebulosidade.
A tabela a seguir descreve os valores deste atributo.
| Valor | Descrição |
|---|---|
| Obrigatório -É necessário especificar os seguintes valores para o atributo. | |
| h-shadow | Obrigatório. Posição horizontal da sombra. Permite valores negativos. |
| v-shadow | Obrigatório. Posição vertical da sombra. Permite valores negativos. |
| Opcional -Os seguintes valores são opcionais. | |
| blur | Especificar o tamanho da nebulosidade. |
| color | Especificar a cor da sombra. VerValores de cor do CSSPara obter a lista de possíveis valores de cor. |
| inherit | Se especificado, o elemento relacionado usará o valor text do elemento pai-Valores do atributo shadow |
text-Compatibilidade do navegador do atributo shadow, os números na tabela a seguir representam a versão mais baixa do navegador que suporta esse atributo; todos os navegadores populares suportam esse atributo.
|
Aviso: Internet Explorer 7e versões mais antigas não suportam herança de valores. IE8Suporta herança, mas requer<!DOCTYPE>。IE9Suporta herança.
Por favor, consulte as seguintes instruções:CSS Text。
Atributos relacionados ao texto:letter-spacing，text-align，text-decoration，text-indent，text-overflow，text-transform，white-space，word-spacing。