Din Ikhsanudin Din Ikhsanudin Author
Title: css border top right bottom left
Author: Din Ikhsanudin
Rating 5 of 5 Des:
css border top right bottom left . Lebih lengkapnya adalah : - Cara buat border top - Cara buat border right - Cara buat border bottom ...
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

css border top right bottom 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;

cara buat  css border top right bottom left
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

cara buat border keliling
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

About Author

Advertisement

Post a Comment

  1. Dan agar bordernya tidak kelihatan kaku atau terlalu siku, bisa menggunakan border - radius : dan masih banyak lagi kode untuk mengcustom suatu border. :D

    ReplyDelete
    Replies
    1. Ya benar sekali. semakin besar angka yang digunakan maka semakin melengkung pula border-nya

      Delete

Yang sudah mampir wajib tinggalkan komentar

 
Top