Headlines
Loading...
Trendkan Mengenal Border / Pembatasan dalam CSS

Trendkan Mengenal Border / Pembatasan dalam CSS

Sebelum kita bahas mengenai "mengenal Border / Pembatasan dalam CSS', sobat trend sudah tahukan apa itu CSS? bagi sobat yang belum kenal dengan CSS, maka sebaiknya kenali dulu apa sih css itu.

Apa itu CSS?

CSS adalah singkatan dari C ascading S tyle S heets
CSS menjelaskan bagaimana elemen-elemen HTML ditampilkan di layar, kertas, atau di media lain
CSS menghemat banyak pekerjaan . Itu dapat mengontrol tata letak beberapa halaman web sekaligus

CSS adalah bahasa yang menggambarkan gaya dokumen HTML. CSS menjelaskan bagaimana elemen HTML harus ditampilkan. Tutorial ini akan mengajarkan sobat tentang CSS khusus untuk masalah border atau pembatasan.

Gaya Perbatasan CSS

Border-style fungsinya adalah untuk menentukan jenis perbatasan apa yang akan ditampilkan dalam sebuah web atau situs. Ada nilai-nilai tertentu yang dapat diterapkan dalam menuliskan border sehingga dapat diterjemahkan oleh situs berupa grafik lurus atau putus-putus atau gaya lainnya.

Nilai-nilai berikut ini yang dapat  diizinkan dalam penulisan css border:

dotted - Menentukan batas bertitik
dashed - Menentukan batas putus-putus
solid - Menentukan batas yang solid
double - Menentukan batas ganda
groove- Menentukan batas alur 3D. Efeknya tergantung pada nilai warna tepi
ridge- Menentukan perbatasan bergerigi 3D. Efeknya tergantung pada nilai warna tepi
inset- Menentukan batas inset 3D. Efeknya tergantung pada nilai warna tepi
outset- Menentukan batas awal 3D. Efeknya tergantung pada nilai warna tepi
none - Tidak mendefinisikan batas/bisa juga untuk tidak menampilkan
hidden - Menentukan perbatasan tersembunyi

Contoh Beberapa jenis border dari nilai-nilai di atas.

1. Border dotted
Ini contoh border Dotted
2. Border Dashed
Ini contoh border Dashed
3. Border Double
Ini contoh border Double
4. Border radius
Ini contoh border radius dengan background warna gray di dalamnya
5. Border groove
Ini contoh border groove
6. Border Ridge
Ini contoh border ridge
7. Border Inset
Ini contoh border inset
8. Border Outset
Ini contoh border outset
9. Border Campuran atau Mixborder
Ini contoh border mixborder
10. Border Tepi
Ini contoh border tepi
11. Border Bawah
Ini contoh border bawah

0 Comments: