CSS text shadow

Textskugga

text-shadow Egenskapen lägger till skugga till texten.

Den enklaste användningen är att endast specificera horisontell skugga (2px) och vertikal skugga (2px):

Textskuggverke!

Exempel

h1 {
  text-shadow: 2px 2px;
}

Prova själv

Lägg sedan till färg till skuggan (röd):

Textskuggverke!

Exempel

h1 {
  text-shadow: 2px 2px red;
}

Prova själv

Lägg sedan till en suddig effekt till skuggan (5px):

Textskuggverke!

Exempel

h1 {
  text-shadow: 2px 2px 5px red;
}

Prova själv

Tips:Besök CSS font En kapitel, lära dig hur man ändrar teckensnitt, textstorlek och textstil.

Tips:Besök CSS text effect En kapitel, lära dig hur man uppnår olika texteffekter.

Alla CSS-textegenskaper

Egenskap Beskrivning
color Ställer in textfärgen.
direction Specificerar textens riktning / skrivriktning.
letter-spacing Ställer in avståndet mellan tecken.
line-height Ställer in radhöjd.
text-align Specificerar hur texten ska justeras horisontellt.
text-decoration Specificerar vilken dekoration som ska läggas till texten.
text-indent Specificerar hur den första raden i en textblock ska indenteras.
text-shadow Specificerar vilken skuggverkan som ska läggas till texten.
text-transform Kontrollerar storleken på bokstäverna.
text-overflow Specificerar hur användaren ska indikeras att det finns utökad innehåll som inte visas.
unicode-bidi Används tillsammans med direction-attributet för att ställa in eller returnera om texten ska överskrivas för att stödja flera språk i samma dokument.
vertical-align Specificerar hur texten ska justeras vertikalt.
white-space Specificerar hur tomrum inom element ska hanteras.
word-spacing Ställ in ordavstånd.