Thursday, November 26, 2015

css - manipulasi text

by Lindi Classic | in css at 5:01 PM

Assalamualaikum wr. wb.

Pada kesempatan kali ini saya akan menjelaskan kegunaan dari Manipulasi Text pada CSS. Bentuk manipulasi text merupakan pelengkap yang dapat digunakan untuk memanipulasi tulisan secara lebih kompleks. Jika pada manipulasi font hanya menentukan jenis dan ukuran font yang digunakan, maka pada manipulasi text, bentuk tulisan secara keseluruhan dapat dimanipulasi dengan lebih kompleks.

Tabel di bawah ini menggambarkan property yang digunakan untuk memanipulasi text.

Sebagai contoh , Buatlah file html dengan script sebagai berikut:

<html>
<head>
    <title>css manipulasi text</title>
    <style type="text/css">
        h3{
            text-decoration : overline;
            text-align : center;
            text-transform : uppercase;
            letter-spacing : 10px;
        }

        td{
            color : blue;
            text-align : justify;
        }

        .lowercase{
            text-transform : lowercase;
            text-indent : 30px;
        }

        .capitalize{
            text-transform : capitalize;
        }
    </style>
</head>
<body bgcolor="lightblue">
    <h2>css manipulasi text</h2>
    <hr>
    <h3>juventus foot ball club</h3>
    <table>
        <tr>
            <td class="lowercase">
            Juventus adlah tim tebaik Italia
        <tr>
            <td class="capitalize">
            Juventus berdiri pada tahun 1897
    </table>
</body>
</html>

Bukalah file tersebut pada browser, dan hasilnya adalah sebagai berikut: