Pengertian CSS Vendor Prefix dan Cara Penulisannya

Assalamualaikum wr.wb

Pagi kawan, pada hari ini saya akan sharing tentang Pengertian CSS Vendor Prefix dan Cara Penulisannya

A.Pengertian

Vendor prefix adalah sebutan untuk penambahan beberapa karakter khusus di awal penulisan property, terutama untuk property CSS3 terbaru. Sebagai contoh, untuk property column-count, jika menggunakan vendor prefix ditulis menjadi: -webkit-column-count.

B. Latar belakang
Seiring dengan cepatnya perkembangan CSS3, web browser seolah-olah berlomba untuk mengimplementasikan berbagai property baru yang belum resmi disetujui badan standarisasi web: W3C. Dalam istilah W3C, property yang belum standar ini bisanya berada dalam status draft, dan bisa berubah sewaktu-waktu.

C. Tujuan

Property column-count digunakan untuk membuat kolom koran (multiple column). 

D. Alat dan bahan

• Komputer / laptop
• Text editor

E. Langkah penulisan

Vendor prefix ditambahkan di awal penulisan property, sesuai dengan inisial web browser.

Berikut adalah awalan vendor prefix pada web browser populer:

• -webkit- (Chrome, dan versi terbaru dari Opera)
• -moz- (Firefox)
• -o- (Opera versi lama)
• -ms- (Internet Explorer)

Berikut contoh cara penulisan CSS Vendor Prefix:

div {

  -webkit-column-count: 3;

  -moz-column-count: 3;

  -o-column-count: 3;

  -ms-column-count: 3;

  column-count: 3;

}

---

F. Referensi
http://www.duniailkom.com/

Sekian share kali ini, selamat mencoba dan semoga bermanfaat, terimakasih.

Wassalamualaikum Wr. Wb.