Info Tentang Macam Atau Jenis Border Di Blog Update Terbaru 2017 Gratis

Sedikit Info Seputar Macam Atau Jenis Border Di Blog Terbaru 2017 - Hay gaes kali ini team Apps Android Games, kali ini akan membahas artikel dengan judul Macam Atau Jenis Border Di Blog, kami selaku Team Apps Android Games telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Apps Android Games. semoga isi postingan tentang Artikel Tips And Trick, Artikel Tips And Trick Blogger, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul: Berbagi Info Seputar Macam Atau Jenis Border Di Blog Full Update Terbaru
link: Macam Atau Jenis Border Di Blog

Artikel Terbaru Macam Atau Jenis Border Di Blog Update Terlengkap 2017

Macam atau Jenis Border Untuk Modifikasi CSS

Border atau garis pinggir pada CSS pastinya sering anda temukan pada tutorial seperti membuat horizontal menu maupun vertical menu, tertulis dengan contoh kode seperti berikut :
border : 2px solid #000;
Namun tahukah anda, selain solid ada berbagai macam jenis border pada CSS, dan akan saya ulas dalam posting kali ini.

Jenis-jenis border CSS

Semua contoh border akan saya beri warna biru HTML #2a4aeb dengan ukuran 7px untuk memperjelas perbedaannya.

Border Solid.

Ini adalah contoh border solid, saya buat dengan kode
<div style="border: 7px solid #2a4aeb; height: 100px; text-align: center; width: 400px;">Tulisan atau isi di dalam border</div>

Border Dotted

Ini adalah contoh border dotted, saya buat dengan kode
<div style="border: 7px dotted #2a4aeb; height: 100px; text-align: center; width: 400px;">Tulisan atau isi di dalam border</div>

Border Dashed

Ini adalah contoh border dashed, saya buat dengan kode
<div style="border: 7px dashed #2a4aeb; height: 100px; text-align: center; width: 400px;">Tulisan atau isi di dalam border</div>

Border Double

Ini adalah contoh border double, saya buat dengan kode
<div style="border: 7px double #2a4aeb; height: 100px; text-align: center; width: 400px;">Tulisan atau isi di dalam border</div>

Border Groove

Ini adalah contoh border groove, saya buat dengan kode
<div style="border: 7px groove #2a4aeb; height: 100px; text-align: center; width: 400px;">Tulisan atau isi di dalam border</div>

Border Ridge

Ini adalah contoh border ridge, saya buat dengan kode
<div style="border: 7px ridge #2a4aeb; height: 100px; text-align: center; width: 400px;">Tulisan atau isi di dalam border</div>

Border Inset

Ini adalah contoh border inset, saya buat dengan kode
<div style="border: 7px inset #2a4aeb; height: 100px; text-align: center; width: 400px;">Tulisan atau isi di dalam border</div>

Border Outset

Ini adalah contoh border outset, saya buat dengan kode
<div style="border: 7px outset #2a4aeb; height: 100px; text-align: center; width: 400px;">Tulisan atau isi di dalam border</div>

Untuk catatan, dimulai dari border double ke bawah pada contoh di atas, ukuran atau tebal border harus di atas 2px agar lebih terlihat perbedaannya.
Semoga posting jenis-jenis border dalam CSS yang saya tulis kali ini bermanfaat, jangan lupa untuk meninggalkan komentar jika anda merasa terbantu dengan artikel ini atau hanya sekedar lewat dan membaca,
terima kasih.

Itulah sedikit Artikel Macam Atau Jenis Border Di Blog terbaru dari kami

Semoga artikel Macam Atau Jenis Border Di Blog yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Apps Android Games. jangan lupa baca juga artikel-artikel lain dari kami.

Terima kasih Anda baru saja membaca Artikel Tentang Macam Atau Jenis Border Di Blog