Formatting: Indent

Tentang

Formatting Indent adalah format HTML untuk menginden bagian-bagian tertentu. Formatting ini akan memberikan jarak pada sisi kiri elemen - (Demo).



Spesifikasi




Konfigurasi



Keterangan

border
Tipe border/garis pada sisi kiri elemen.

Nilai Pratinjau
none
Tanpa border: Lorem Ipsum is simply dummy text of the printing and typesetting industry
solid
Lorem Ipsum is simply dummy text of the printing and typesetting industry
dashed
Lorem Ipsum is simply dummy text of the printing and typesetting industry

border-color
Warna border/garis. Pilih salah satu skin yang tersedia pada daftar skin. Ketika nilai tidak terdefinisi atau tidak valid, warna akan menggunakan warna default.



Penggunaan

  1. Definisikan Tag HTML DIV dengan class w-indent. 

            
<div class='w-indent'>
  Lorem Ipsum is simply dummy text of the printing and typesetting industry
</div>

    Lorem Ipsum is simply dummy text of the printing and typesetting industry

    Keterangan: Pada HTML diatas, tidak ada satupun konfigurasi yang ditambahkan. Semua konfigurasi akan mengambil Nilai Default.

  2. Tambahkan konfigurasi yang dikehendaki dengan cara menambahkan atribut
    data-nama-konfigurasi='Nilai' pada elemen.

    Contoh: 
            
<div class='w-indent' data-border='solid' data-border-color='red'>
  Lorem Ipsum is simply dummy text of the printing and typesetting industry
</div>

    Lorem Ipsum is simply dummy text of the printing and typesetting industry
Komentar