03 Jul, 2009

Uppercase, lowercase en capitalize

Categoriën: Typography | crossbrowser | tekst

Uppercase, lowercase en capitalize, allemaal eigenschappen die je via CSS kan bepalen, kleine handleiding wat nu juist welke css eigenschap doet.

  • uppercase: Alle letters worden groot geschreven = GROOT
  • lowercase: Alle letters worden kleine geschreven = klein
  • capitalize: Alle beginletters worden groot geschreven = Groot

HTML

<p class="uppercase">This is some text in uppercase.</p>
<p class="lowercase">This is some text in lowercase.</p>
<p class="capitalize">This is some text in capitalize.</p>

CSS

p.uppercase {
text-transform:uppercase;
}
p.lowercase {
text-transform:lowercase;
}
p.capitalize {
text-transform:capitalize;
}

Gerelateerde Snippets

1 Reaktie op "Uppercase, lowercase en capitalize"

deef

July 28th, 2009 at 13:23

1

Er is ook nog een interessante ‘variant’:

font-variant: small-caps;

http://www.w3.org/TR/CSS2/fonts.html#small-caps

Reaktie formulier


Demo: Uppercase, lowercase en capitalize:

Advertenties

Volgende nieuwe Snippet:

  • Momenteel niks gepland.