Pengaturan text-align pada tabel pada style dasar CSS

 on Selasa, 24 Mei 2016  

Pengaturan text-align pada tabel
Teks dalam tabel diatur dengan properti.text-align dan vertical-align . Nilai dari properti text-align untuk horizontal alignment adalah left, right, atau center

Td
{ text-align:right; }

Nilai dari properti text-align untuk horizontal alignment adalah top, bottom, or
middle

Td
{ height:50px;vertical-align:bottom; }

Berikut ini penerapan style text-align dalam sebuah tabel, dimana teks diatur dengan posisi rata kanan

<html>
<head>
<style>
table,td,th
{ border:1px solid black; }
td
{ <body> text-align:right;height:50px;
vertical-align:bottom;}
</style>
</head>
<table>
<tr>
<th>Nama Depan</th>
<th>Nama</th>
</tr>
<tr>
<td>Adelin</td>
<td>Larasati</td>
</tr>
<tr>
<td>Novero</td>
<td>Dayandra</td>
</tr>
<tr>
<td>Adika</td>
<td>Dayandra</td>
</tr>
</table>
</body>
</html>

Jika listing kode diatas dijalankan maka akan menghasilkan tampilan sebagai berikut :

Pengaturan text-align pada tabel pada style dasar CSS 4.5 5 b Selasa, 24 Mei 2016 Pengaturan text-align pada tabel Teks dalam tabel diatur dengan properti.text-align dan vertical-align . Nilai dari properti text-align untu...


Tidak ada komentar:

Posting Komentar

Diberdayakan oleh Blogger.