Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Css tutorial-16

333 views

Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

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

×