[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-cats-ngidenet":3,"blog-detail-ngidenet-text-css":20},{"items":4},[5,9,13,17],{"name":6,"slug":7,"count":8},"Digital Marketing","digital-marketing",41,{"name":10,"slug":11,"count":12},"Programming","programming",56,{"name":14,"slug":15,"count":16},"Tips","tips",75,{"name":18,"slug":19,"count":8},"Web Development","web-development",{"id":21,"slug":22,"title":23,"short_text":24,"excerpt":24,"cover":25,"cover_image":25,"cover_alt_text":25,"category":18,"tags":26,"published_at":27,"created_at":28,"full_text":29,"meta_title":25,"meta_description":30,"faqs":31,"images":32,"views_count":33},476,"text-css","Tutorial CSS : Styling Text CSS","Pada artikel kali ini kita akan belajar memberikan css pada text. Text Color Untuk memberikan warna pada text, kamu bisa menggunakan property color . Contohnya: body { color: blue; } h1 { color: green",null,[],"2021-10-21T16:00:00Z","2026-07-14T04:39:42.710234Z","\u003Cp>Pada artikel kali ini kita akan belajar memberikan css pada text.\u003C\u002Fp>\u003Ch2>Text Color\u003C\u002Fh2>\u003Cp>Untuk memberikan warna pada text, kamu bisa menggunakan property \u003Ccode>color\u003C\u002Fcode>.\u003C\u002Fp>\u003Cp>\u003Cstrong>Contohnya:\u003C\u002Fstrong>\u003C\u002Fp>\u003Cpre>\u003Ccode>body {\n  color: blue;\n}\nh1 {\n  color: green;\n}\np {\n  color: red;\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Ch2>Text Align\u003C\u002Fh2>\u003Cp>\u003Ccode>text-align\u003C\u002Fcode> berfungsi untuk mengatur align dari text.\u003C\u002Fp>\u003Cp>Valuenya adalah \u003Ccode>left\u003C\u002Fcode>, \u003Ccode>right\u003C\u002Fcode>, \u003Ccode>center\u003C\u002Fcode>, \u003Ccode>justify\u003C\u002Fcode> atau \u003Ccode>inherit\u003C\u002Fcode>.\u003C\u002Fp>\u003Cp>Contohnya:\u003C\u002Fp>\u003Cpre>\u003Ccode>#p1 {\n    text-align: center;\n}\n#p2 {\n    text-align: left;\n}\n#p3 {\n    text-align: right;\n}\n#p4 {\n    text-align: justify;\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Ch2>Text Decoration\u003C\u002Fh2>\u003Cp>Text decoration berfungsi untuk memberikan styling text seperti memberi garis bawah dan yang lainnya.\u003C\u002Fp>\u003Cp>Value dari \u003Ccode>text-decoration\u003C\u002Fcode> adalah \u003Ccode>none\u003C\u002Fcode>, \u003Ccode>underline\u003C\u002Fcode>, \u003Ccode>overline\u003C\u002Fcode>, \u003Ccode>line-through\u003C\u002Fcode>, \u003Ccode>blink\u003C\u002Fcode> dan \u003Ccode>inherit\u003C\u002Fcode>.\u003C\u002Fp>\u003Cpre>\u003Ccode>#p1 {\n    text-decoration: overline;\n}\n#p2 {\n    text-decoration: line-through;\n}\n#p3 {\n    text-decoration: underline;\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Ch2>Text transformation\u003C\u002Fh2>\u003Cp>Text transformation digunakan untuk menentukan huruf besar dan huruf kecil dalam teks, atau memberikan huruf besar bagian pertama dari setiap kata. Untuk menggunakannya Anda cukup memanggil properti: text-transform.\u003C\u002Fp>\u003Cp>Kemungkinan nilai untuk properti ini adalah: \u003Ccode>none\u003C\u002Fcode>, \u003Ccode>capitalize\u003C\u002Fcode>, \u003Ccode>uppercase\u003C\u002Fcode>, \u003Ccode>lowercase\u003C\u002Fcode> dan \u003Ccode>inherit\u003C\u002Fcode>.\u003C\u002Fp>\u003Ch2>Text indentation\u003C\u002Fh2>\u003Cp>Text-indentation digunakan untuk menentukan indentasi baris pertama atau lebih tepatnya memberikan lekukan pada teks pertama. Untuk menggunakannya Anda cukup memanggil properti: \u003Ccode>text-indent\u003C\u002Fcode>.\u003C\u002Fp>\u003Ch2>Letter spacing\u003C\u002Fh2>\u003Cp>Letter spacing digunakan untuk menentukan ruang antara karakter dalam teks. Untuk menggunakannya Anda cukup memanggil properti: \u003Ccode>letter-spacing\u003C\u002Fcode>. Anda bisa menggunakan nilai negatif.\u003C\u002Fp>\u003Ch2>Line height\u003C\u002Fh2>\u003Cp>Line height digunakan untuk menentukan ruang antara garis. Untuk menggunakannya Anda cukup memanggil properti: \u003Ccode>line-height\u003C\u002Fcode>.\u003C\u002Fp>\u003Ch2>Text direction\u003C\u002Fh2>\u003Cp>Text direction digunakan untuk mengubah arah teks. Untuk menggunakannya Anda cukup memanggil properti: \u003Ccode>direction\u003C\u002Fcode>.\u003C\u002Fp>\u003Ch2>Word spacing\u003C\u002Fh2>\u003Cp>Word spacing digunakan untuk menentukan lebar dari sepasi dalam sebuah teks. Untuk menggunakannya Anda cukup memanggil properti: \u003Ccode>word-spacing\u003C\u002Fcode>. Nilai negatif dibolehkan.\u003C\u002Fp>\u003Ch2>Text shadow\u003C\u002Fh2>\u003Cp>Text-shadow digunakan untuk menambahkan bayangan untuk teks. Cara menggunakannya Anda cukup memanggil properti: \u003Ccode>text-shadow\u003C\u002Fcode>. Nilai negatif dibolehkan.\u003C\u002Fp>\u003Cp>Nah itulah pembahasan tentang styling \u003Cstrong>text dalam css\u003C\u002Fstrong>. Semoga artikel ini bisa membuat kamu lebih mengerti tentang styling text dalam css.\u003C\u002Fp>\u003Cp>Kunjungi artikel tentang css lainnya di link berikut: Belajar CSS\u003C\u002Fp>","Pada artikel kali ini kita akan belajar memberikan css pada text. Text Color Untuk memberikan warna pada text, kamu bisa menggunakan property color . Contohnya:",[],[],0]