Tuesday, 27 September 2011

Perataan Teks (Text Alignment) CSS

| Tuesday, 27 September 2011 | 0 comments


Perataan Teks (Text Alignment)



Anda dapat mengatur perataan teks dengan menggunakan properti

text-align : jenis;

dengan value jenis dapat digantikan dengan left, center, right dan justify.

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

#p1 {
  text-align : center;  
    }

#p2 {
  text-align : justify;  
    }

#p3 {
  text-align : right;  
    }

</style>
</head>

<body>

<h1>Ini Judul Heading</h1>

<p  id="p1">Ini  adalah  paragraf  1.  Ini  adalah  paragraf  1.  Ini  adalah
paragraf  1.  Ini  adalah  paragraf  1.  Ini  adalah  paragraf  1.  Ini  adalah
paragraf  1.  Ini  adalah  paragraf  1.  Ini  adalah  paragraf  1.  Ini  adalah
paragraf 1. Ini adalah paragraf 1. </p>

<p  id="p2">Ini  adalah  paragraf  2.  Ini  adalah  paragraf  2.  Ini  adalah
paragraf  2.  Ini  adalah  paragraf  2.  Ini  adalah  paragraf  2.  Ini  adalah
paragraf  2.  Ini  adalah  paragraf  2.  Ini  adalah  paragraf  2.  Ini  adalah
paragraf 2. Ini adalah paragraf 2. Ini adalah paragraf 2. </p>

<p  id="p3">Ini  adalah  paragraf  3.  Ini  adalah  paragraf  3.  Ini  adalah
paragraf  3.  Ini  adalah  paragraf  3.  Ini  adalah  paragraf  3.  Ini  adalah




Perataan Teks (Text Alignment)



 
paragraf  3.  Ini  adalah  paragraf  3.  Ini  adalah  paragraf  3.  Ini  adalah
paragraf 3. Ini adalah paragraf 3. Ini adalah paragraf 3. </p>

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