Tuesday, 27 September 2011

Mengatur Jarak Spasi Antar Text di CSS

| Tuesday, 27 September 2011 | 0 comments


word-spacing : jarak;
letter-spacing : jarak;

Properti  pertama  di  atas  digunakan  untuk  mengatur  jarak  antar  kata,  sedangkan  yang
kedua untuk mengatur jarak antar huruf.

Sebagai contoh, berikut ini code yang menghasilkan tampilan di atas.

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





Mengatur Jarak Spasi Antar Text


h1 {
  word-spacing: 20px;
  letter-spacing: 15px; 
   }

</style>
</head>

<body>

<h1>Ini Judul Heading</h1>



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

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