Dalam sebuah teks dikenal rata teks atau text-align. Misalkan pada pengolahan data microsoft words. Dikenal ada rata kanan, rata kiri dan rata tengah. Tak terkecuali pada CSS. Pada tampilan sebuah website, akan ada pada halaman teks bentuk rataan.
Nilai text-align atau rata text pada cSS ada 4 yaitu, left, right, center dan justify. Left untuk membuat rata kiri, right rata kanan dan center rata tengah. Sementara justify digunakan untuk rata kiri kanan.
Sebenarnya untuk justify sedikit jarang digunakan dalam halaman web. Terutama jika pengunjung banyak sekali berasal dari mobile atau ponsel. Layar akan lebih kecil dan susah dibaca. iasanya rataan ini digunakan untuk media printed seperti majalah dan surat kabar.
Untuk membuat rata teks ini format umumnya adalah
<!DOCTYPE html>
<html>
<head>
<title>Contoh Penulisan Rata Teks CSS</title>
<style type="text/css">
.kiri { text-align: left;}
.kanan { text-align: right;}
.tengah { text-align: center;}
.jastifai { text-align: justify;}
</style>
</head>
<body>
<h2> Text align pada CSS</h2>
<h3>Text Align: Left</h3>
<p class="kiri">Selain itu praktek lapang ini juga membentuk dan menghasilkan tenaga guru yang berpotensi, berjiwa Pancasila, bertaqwa, dan menjunjung tinggi UUD 1945. Pendidik yang berkualitas bukan hanya memiliki pengetahuan, sikap dan keterampilan yang memadai tetapi juga harus memiliki pengalaman dalam proses belajar dan mengajar di dalam kelas.<p>
<h3>Text Align: Right</h3>
<p class="kanan">Selain itu praktek lapang ini juga membentuk dan menghasilkan tenaga guru yang berpotensi, berjiwa Pancasila, bertaqwa, dan menjunjung tinggi UUD 1945. Pendidik yang berkualitas bukan hanya memiliki pengetahuan, sikap dan keterampilan yang memadai tetapi juga harus memiliki pengalaman dalam proses belajar dan mengajar di dalam kelas.<p>
<h3>Text Align: Center</h3>
<p class="tengah">Selain itu praktek lapang ini juga membentuk dan menghasilkan tenaga guru yang berpotensi, berjiwa Pancasila, bertaqwa, dan menjunjung tinggi UUD 1945. Pendidik yang berkualitas bukan hanya memiliki pengetahuan, sikap dan keterampilan yang memadai tetapi juga harus memiliki pengalaman dalam proses belajar dan mengajar di dalam kelas.<p>
<h3>Text Align: Justify</h3>
<p class="jastifai">Selain itu praktek lapang ini juga membentuk dan menghasilkan tenaga guru yang berpotensi, berjiwa Pancasila, bertaqwa, dan menjunjung tinggi UUD 1945. Pendidik yang berkualitas bukan hanya memiliki pengetahuan, sikap dan keterampilan yang memadai tetapi juga harus memiliki pengalaman dalam proses belajar dan mengajar di dalam kelas. <p>
</body>
</html>
Anda bisa melihat bagaimana pada bagian kanan kiri, tengah dari teks yang diberi value, text-align tertentu. Semoga catatan ini bisa bermanfaat.
Nilai text-align atau rata text pada cSS ada 4 yaitu, left, right, center dan justify. Left untuk membuat rata kiri, right rata kanan dan center rata tengah. Sementara justify digunakan untuk rata kiri kanan.
Sebenarnya untuk justify sedikit jarang digunakan dalam halaman web. Terutama jika pengunjung banyak sekali berasal dari mobile atau ponsel. Layar akan lebih kecil dan susah dibaca. iasanya rataan ini digunakan untuk media printed seperti majalah dan surat kabar.
Untuk membuat rata teks ini format umumnya adalah
selector { text-align : value;}Sebagai contoh bisa anda jalankan kode di bawah ini.
<!DOCTYPE html>
<html>
<head>
<title>Contoh Penulisan Rata Teks CSS</title>
<style type="text/css">
.kiri { text-align: left;}
.kanan { text-align: right;}
.tengah { text-align: center;}
.jastifai { text-align: justify;}
</style>
</head>
<body>
<h2> Text align pada CSS</h2>
<h3>Text Align: Left</h3>
<p class="kiri">Selain itu praktek lapang ini juga membentuk dan menghasilkan tenaga guru yang berpotensi, berjiwa Pancasila, bertaqwa, dan menjunjung tinggi UUD 1945. Pendidik yang berkualitas bukan hanya memiliki pengetahuan, sikap dan keterampilan yang memadai tetapi juga harus memiliki pengalaman dalam proses belajar dan mengajar di dalam kelas.<p>
<h3>Text Align: Right</h3>
<p class="kanan">Selain itu praktek lapang ini juga membentuk dan menghasilkan tenaga guru yang berpotensi, berjiwa Pancasila, bertaqwa, dan menjunjung tinggi UUD 1945. Pendidik yang berkualitas bukan hanya memiliki pengetahuan, sikap dan keterampilan yang memadai tetapi juga harus memiliki pengalaman dalam proses belajar dan mengajar di dalam kelas.<p>
<h3>Text Align: Center</h3>
<p class="tengah">Selain itu praktek lapang ini juga membentuk dan menghasilkan tenaga guru yang berpotensi, berjiwa Pancasila, bertaqwa, dan menjunjung tinggi UUD 1945. Pendidik yang berkualitas bukan hanya memiliki pengetahuan, sikap dan keterampilan yang memadai tetapi juga harus memiliki pengalaman dalam proses belajar dan mengajar di dalam kelas.<p>
<h3>Text Align: Justify</h3>
<p class="jastifai">Selain itu praktek lapang ini juga membentuk dan menghasilkan tenaga guru yang berpotensi, berjiwa Pancasila, bertaqwa, dan menjunjung tinggi UUD 1945. Pendidik yang berkualitas bukan hanya memiliki pengetahuan, sikap dan keterampilan yang memadai tetapi juga harus memiliki pengalaman dalam proses belajar dan mengajar di dalam kelas. <p>
</body>
</html>
Share Yuk
Related Posts
Loading...
No comments:
Post a Comment