CSS text-shadow 属性

Paglilinang at paggamit

Ang text-shadow katangian ay nagtatakda ng shadow sa teksto.

Tingnan din:

Tuturuan ng CSS3:CSS3 文本效果

Manwal ng HTML DOM:Katangian ng textShadow

Halimbawa

Mga pangunahing epekto ng text-shadow:

h1
{
text-shadow: 5px 5px 5px #FF0000;
}

Subukan nang sarili

May higit pang mga halimbawa sa ibaba ng pahina.

Grammar ng CSS

text-shadow: h-shadow v-shadow blur color;

Komento:Ang text-shadow katangian ay nagdagdag ng isang o higit pang mga shadow sa teksto. Ang katangian ay isang tala ng mga shadow na nagsasagawa ng kumplikadong talaan, bawat shadow ay may dalawang o tatlong sukat na halaga at isang opisyal na kulay na may paraan. Ang mga pinagmumulan na sukat ay 0.

Halaga ng katangian

Halaga Paglalarawan Pagsusuri
h-shadow Mandahil. Ang posisyon ng horizontal shadow. Pinapayagan ang mga negatibong halaga. Pagsusuri
v-shadow Mandahil. Ang posisyon ng vertical shadow. Pinapayagan ang mga negatibong halaga. Pagsusuri
blur Optional. Ang layo ng blur. Pagsusuri
color Optional. Ang kulay ng shadow. Tingnan ang Halaga ng Color ng CSS. Pagsusuri

Detalye ng teknolohiya

Default value: none
Inheritsibility: yes
Versyon: CSS3
Grammar ng JavaScript: object.style.textShadow="2px 2px #ff0000"

Higit pang mga halimbawa

Teksto na may epekto ng blur sa shadow
Ang halimbawa na ito ay nagpapakita ng teksto na may epekto ng blur sa shadow.
Shadow sa puting teksto
Ang halimbawa na ito ay nagpapakita ng teksto na may epekto ng shadow sa puting teksto.
Teksto na may epekto ng neong ilaw
Ang halimbawa na ito ay nagpapakita ng teksto na may epekto ng neong ilaw.

Suporta ng browser

Ang mga numero sa talahanayan ay nagpapahiwatig na ang unang browser na ganap na sumusuporta sa katangian.

Chrome IE / Edge Firefox Safari Opera
4.0 10.0 3.5 4.0 9.6