Mengenal Border / Pembatasan dalam CSS

belajar-css
21 Views22 Views
Read Time:1 Minute, 27 Second

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

BACA JUGA  Mengenal Ulul 'Azmi atau Nabi "NIMIM"

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
ArRahim
Berbagi itu bukan tentang seberapa besar dan seberapa berharganya apa yang kau beri, namun seberapa tulus dan ikhlasnya apa yang ingin kau beri.
administrator
Happy
Happy
Sad
Sad
Excited
Excited
Sleppy
Sleppy
Angry
Angry
Surprise
Surprise

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *