Tuesday, 27 September 2011

Mengubah Text Case CSS

| Tuesday, 27 September 2011 | 0 comments

Mengubah Text Case

 

Dengan  CSS,  Anda  dapat  pula  mengubah  suatu  teks  menjadi  huruf  kecil  semua
(lowercase),  besar  semua  (uppercase),  atau  capitalize  (hanya  huruf  pertama  dari  kata
yang dibuat besar). Hal ini dilakukan dengan menggunakan properti

text-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>

0 comments:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

 
Copyright 2011. w3-id.blogspot.com. | Template by o-om.com - zoomtemplate.com