Responsive Advertisement

Cara Mengatur Posisi Text Pada CSS

judul

Tutorial kali ini, kita akan belajar tentang mengatur posisi teks. Teks mempunyai macam-macam properti yang dapat digunakan dalam CSS. Kamu tidak perlu khawatir untuk itu, karena properti teks pada CSS tidak sesulit properti lain. Jika kamu mengunjungi sebuah website, maka kamu akan melihat perbedaan teks yang digunakan oleh si pemilik website.

Kamu juga dapat mengatur posisi teks seperti rata tengah, kiri, dan kanan. Tetapi kamu harus melakukan pemanggilan dari CSS.

Contoh kodingan dapat kamu lihat dibawah ini.

See the Pen #9 posisi-teks 1 by lintangzakti (@zakti13) on CodePen.

Setelah kamu mengetahui properti posisi teks, maka kita akan memanggil properti lain yang dimiliki teks. Teks mempunyai properti dekorasi dan perubahan. Teks dekorasi biasanya sebagai hiasan untuk memperunik tampilan teks. Sedangkan Teks perubahan sering digunakan untuk awalan kalimat seperti huruf kapital dan huruf kecil.

Contoh kodingan dapat kamu lihat dibawah ini.

See the Pen #9 posisi-teks 2 by lintangzakti (@zakti13) on CodePen.

Kemudian kamu akan mengetahui properti jarak awal spasi teks, jarak spasi, dan jarak ketinggian teks. Kamu dapat melihat perbedaan dari properti tersebut ketika kamu mencobanya.

Contoh kodingan dapat kamu lihat dibawah ini.

See the Pen #9 posisi-teks 3 by lintangzakti (@zakti13) on CodePen.

Kamu akan mengerti dalam waktu cepat untuk properti yang dimiliki teks dalam CSS. Akan tetapi kamu harus giat dalam mempelajari pemrograman karena setiap tahun bahasa pemrograman bertambah banyak.

Solusi Komputer Restart dan Cara Mengatasinya

Mudah bukan? Terima kasih sudah berkunjung di blog ini. Saya harap tutorial ini bermanfaat bagi kalian yang sedang mencari pembelajaran tentang programming. Artikel menarik lainnya dapat kamu temukan di blog ini ya.

Jika kamu ingin mencoba, silahkan kamu masukkan kodingan tersebut ke dalam Text Editor lalu Save As dengan format HTML dan nama yang kalian suka. Klik dua kali untuk membuka File tersebut dan lihat hasilnya.