Css tutorial-16

289 views
246 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
289
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Css tutorial-16

  1. 1. CSS Tutorial rosihanari.netMengubah Text CaseDengan CSS, Anda dapat pula mengubah suatu teks menjadi huruf kecil semua(lowercase), besar semua (uppercase), atau capitalize (hanya huruf pertama dari katayang dibuat besar). Hal ini dilakukan dengan menggunakan propertitext-transform : option;dengan option dapat diganti dengan lowercase, uppercase, atau capitalize.Contoh:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Guide</title><style type="text/css">#heading1 { text-transform : uppercase; }#heading2 { text-transform : lowercase; }#heading3 { text-transform : capitalize; }</style></head><body><h1 id="heading1">Ini Judul Heading 1</h1><h1 id="heading2">Ini Judul Heading 2</h1><h1 id="heading3">Ini Judul Heading 3</h1></body></html>Hasil tampilan code di atas dapat dilihat pada gambar berikut.Mengubah Text Case 38
  2. 2. CSS Tutorial rosihanari.netMengubah Text Case 39

×