Category: CSS

inherit dalam CSS

inherit Arti katanya adalah mewarisi. Adalah nilai dari property yang digunakan apabila kita ingin agar nilainya menggunakan nilai dari elemen parent atau nilainya mewarisi dari nilai parentnya. Contoh: Saya mempunyai kode HTML seperti berikut ini:...

Menghilangkan garis bawah link pada Website

Contoh Kasus: Saya mempunyai link seperti berikut ini: Menuju a2fahmi.com Pertanyaan: Bagaimana cara menghilangkan garis bawah pada link di atas … ? Jawaban: Kamu bisa gunakan kode CSS berikut ini: a { text-decoration:none }...

overflow dalam CSS

overflow Adalah property dalam CSS yang terjadi jika isi melebihi kotak tempat isi tersebut berada. Terdiri dari: visible yaitu isi yang melebihi tempatnya tetap ditampilkan diluar kotaknya, ini adalah default. hidden yaitu isi yang melebihi...

Membuat Gambar ke Tengah dalam CSS

Contoh Kasus: Saya ingin membuat gambar form login saya menjadi ke tengah secara horizontal dan vertical seperti terlihat pada gambar dibawah ini: Pertanyaan: Bagaimana cara melakukannya … ? Jawaban: Kamu bisa gunakan kode css...

Cara Cepat menulis property Font dalam CSS

Syntax: font : font-style font-variant font-weight font-size/line-height font-family; Keterangan: Urutan penulisan property harus seperti syntax diatas Property yang Wajib ada adalah font-size dan font-family dan yang lainnya boleh tidak ada Contoh: p{  font: italic...

Menampilkan bagian tertentu saat print dalam CSS

Contoh Kasus: Saya mempunyai layout seperti terlihat pada gambar dibawah ini: Keinginan: Saya ingin ngeprint bagian yang mempunyai id=”isi” saja. Pertanyaan: Bagaimana caranya melakukannya … ? Jawaban: Kamu bisa gunakan kode berikut ini: @media...

Mengatur Tinggi Baris dalam CSS

line-height Adalah property CSS yang digunakan untuk mengatur tinggi baris tulisan. Syntax: line-height:nilai; Contoh Kasus: Saya mempunyai tulisan seperti terlihat pada gambar dibawah ini: Permintaan Klien: Tolong tinggi barisnya dikasih nilai 1 saja. Pertanyaan:...

Membuat Layout Website Seperti Website XL

Contoh Kasus: Saya ingin membuat layout website seperti website XL seperti terlihat pada link http://www.xl.co.id/ Konsep Layout: Pembuatan File HTML Buatlah sebuah file HML bernama index.html yang berisi kode dibawah ini: <html>  <head> <link rel=’stylesheet’...