belajar-css
Read Time:1 Minute, 32 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  Cara Menulis Konten Blog yang SEO Friendly [Optimasi SEO 1]

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

Tinggalkan Balasan

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

Social profiles