Overflow dan penggunaannya

Ada beberapa value overflow yang bisa kita pakai untuk kelengkapan blog. Masing-masing overflow mempunyai fungsi dan kegunaan yang berbeda. Di bawah ini merupakan pengenalan beberapa scroll box dan scroll box yang terbentuk berkaitan dengan penggunaan properti overflow.

Contoh-contoh Bentuk Overflow

Overflow visible

Pansus Hak Angket Bank Century memantapkan langkah untuk mengungkap skandal senilai Rp 6,7 triliun, meski Presiden SBY menolak imbauan mereka . Penolakan SBY, lanjutnya, sudah diperkirakan Pansus akan tetap fokus pada ...Pansus Hak Angket Bank Century

Overflow hidden

Pansus Hak Angket Bank Century memantapkan langkah untuk mengungkap skandal senilai Rp 6,7 triliun, meski Presiden SBY menolak imbauan mereka untuk menonaktifkan pejabat negara yang terlibat kasus Century. Pansus akan tetap fokus pada upaya untuk mengungkap skandal tersebut. Anggota Pansus dari Fraksi Partai Hanura, Akbar Faisal menyatakan pihaknya tidak mempersoalkan penolakan imbauan Pansus oleh Presiden SBY, sepanjang tidak ada upaya memperlambat pemeriksaan. Penolakan SBY, lanjutnya, sudah diperkirakan dan tidak akan menggangg ...

Overflow auto

Pansus Hak Angket Bank Century memantapkan langkah untuk mengungkap skandal senilai Rp 6,7 triliun, meski Presiden SBY menolak imbauan mereka untuk menonaktifkan pejabat negara yang terlibat kasus Century. Pansus akan tetap fokus pada upaya untuk mengungkap skandal tersebut. Anggota Pansus dari Fraksi Partai Hanura, Akbar Faisal menyatakan pihaknya tidak mempersoalkan penolakan imbauan Pansus oleh Presiden SBY, sepanjang tidak ada upaya memperlambat pemeriksaan. Penolakan SBY, lanjutnya, sudah diperkirakan dan tidak akan menggangg ...

Overflow scroll

Pansus Hak Angket Bank Century memantapkan langkah untuk mengungkap skandal senilai Rp 6,7 triliun, meski Presiden SBY menolak imbauan mereka untuk menonaktifkan pejabat negara yang terlibat kasus Century. Pansus akan tetap fokus pada upaya untuk mengungkap skandal tersebut. Anggota Pansus dari Fraksi Partai Hanura, Akbar Faisal menyatakan pihaknya tidak mempersoalkan penolakan imbauan Pansus oleh Presiden SBY, sepanjang tidak ada upaya memperlambat pemeriksaan. Penolakan SBY, lanjutnya, sudah diperkirakan dan tidak akan menggangg ...

Cara Penulisan kode HTML Overflow

Overflow visible :

<div style="background:#555;width:180px;height:150px;border:2px solid #888;color:#eee;overflow:visible;padding:10px;margin:20px 0;">
Content here!
</div>

Overflow hidden :

<div style="background:#555;color:#eee;width:180px; height:150px; border:2px solid #333333; overflow:hidden;padding:10px;margin:20px 0;">
Content here!
</div>

Overflow auto :

<div style="background:#555;color:#eee;width:180px;height:150px;border:2px solid #888;padding:10px;overflow:auto;margin:20px 0;">
Teks/Image
</div>

Overflow scroll :

<div style="background:#555;color:#eee;width:180px;height:150px;border:2px solid #888;padding:10px;overflow:scroll;margin:20px 0;">
Content here!
</div>

Catatan/Keterangan :

1. Overflow hidden :
   Seluruh content akan diperlihatkan sekalipun melebihi box, sehingga terlihat beberapa bagian berada di luar box.
2. Overflow hidden :
   Content yang terlihat hanya yang mampu terwadahi dalam box. Penggnaan overflow hidden akan membuat sebagian content hilang/tak terlihat.
3. Overflow Auto :
   Scroller hanya akan terlihat ketika content melebihi daya tampung box (automatic).
4. Overflow scroll :
   Scroller akan dimunculkan sekalipun content kurang dari daya tampung box.

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :

Update » Setu LEGI, January, 28, 2012

» Happy Blogging - gubhugreyot «