Egenskaben text-shadow

Egenskaben text-shadow angiver en skygge til teksten. Som værdi tager egenskaben 4 parametre, opremset med mellemrum, eller nøgleordet none, som fjerner skyggen helt (dette er standardværdien).

Syntaks

cssselektor {
  text-shadow: forskydning_x forskydning_y udslætning farve;
}

cssselektor {
  text-shadow: none;
}

Parametre

Parameter	Beskrivelse
forskydning x	Angiver forskydning af skyggen langs X-aksen. En positiv værdi forskydder til højre, en negativ værdi - til venstre.
forskydning y	Angiver forskydning af skyggen langs Y-aksen. En positiv værdi forskydder nedad, en negativ værdi - opad.
udslætning	Angiver udslætningen af skyggen. Jo højere værdi - jo mere udslættet vil skyggen være. Valgfri parameter. Hvis ikke angivet - vil skyggen være skarp.
farve	Angiver skyggens farve i enhver enhed for farver. Valgfri parameter. Hvis ikke angivet - er skyggens farve den samme som tekstens farve.

Forskydninger langs akser og udslætning angives i enhver enhed for størrelser, bortset fra procenter.

Eksempel

Lad os forskydde skyggen ned og til venstre og tilføje en lille udslætning:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-shadow: 5px 5px 3px black;
}

Результат:

Eksempel . Skarp skygge

Lad os nu gøre skyggen rød, forskydde den ned og til venstre, men fjerne udslætningen - skyggen vil være skarp:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-shadow: 10px 10px red;
}

Результат:

Eksempel . Ensartet skygge

Nu er skyggen ikke forskudt, men der er tilføjet udslætning til den:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-shadow: 0px 0px 3px black;
}

Результат:

Se også

egenskaben box-shadow,
som angiver skygge til en container