css border top right bottom left

ikhsanudin on

Saturday, January 3, 2015

css border top right bottom left. Lebih lengkapnya adalah :
- Cara buat border top
- Cara buat border right
- Cara buat border bottom
- Cara buat border left




Cara ini sebenarnya jarang diperlukan, karena pada umumnya dalam penggunaan css border yang sering dipakai dalam pembuatan border keliling biasanya hanya menggunakan satu css border, yaitu border: 2px solid #63B3FF;
contoh border menggunakan 1 kata border. border: 2px solid #63B3FF;

contoh border keliling

namun ada kalanya kita membuat border hanya atas saja, kiri saja, bawah saja, ataupun kanan saja. atau hanya atas dan bawah, kiri dan kanan, kiri-atas-bawah ataupun yang lainnya.
contoh border atas, kiri, kanan

contoh borer kiri, atas, kanan,

berikut kode yang dapat digunakan dalam menentukan posisi border (kiri, atas, kanan, bawah)

border-top: 3px solid #4099FF; (untuk posisi border atas)
border-right: 3px dashed #4099FF; (untuk posisi border kiri)
border-bottom: 3px dotted #4099FF; (untuk posisi border bawah)
border-left: 3px solid #4099FF; (untuk posisi border kanan)

sumber : http://www.ikhsanudin.com/2015/01/css-border-top-right-bottom-left.html
semoga bermanfaat

Labels: Blogger, Tutorial

Thanks for reading css border top right bottom left. Please share...!