Category: CSS

0

Bentuk Geometris CSS

Mengikuti gaya CSS akan berguna saat Anda ingin menggambar bentuk geometris dengan CSS tanpa menggunakan gambar. Kebanyakan dari mereka dilakukan dengan menggunakan CSS3 dan jadi periksalah apakah browser Anda mendukungnya. Circle .circle { width:...

0

Semua Properti Border Yang Tepat Dalam Satu Deklarasi

Contoh Semua Properti Border Yang Tepat Dalam Satu Deklarasi <!DOCTYPE html> <html> <head> <style> p { border-style: solid; border-right: thick double #ff0000; } </style> </head> <body> <p>Ini adalah beberapa teks dalam sebuah paragraf.</p> </body>...

0

Semua Properti Border Kiri Dalam Satu Deklarasi

Contoh Semua Properti Border Kiri Dalam Satu Deklarasi <!DOCTYPE html> <html> <head> <style> p { border-style: solid; border-left: thick double #ff0000; } </style> </head> <body> <p>Ini adalah beberapa teks dalam sebuah paragraf.</p> </body> </html>...

0

Semua Properti Border Bawah Dalam Satu Deklarasi

Contoh Semua Properti Border Bawah Dalam Satu Deklarasi <!DOCTYPE html> <html> <head> <style> p { border-style: solid; border-bottom: thick dotted #ff0000; } </style> </head> <body> <p>Ini adalah beberapa teks dalam sebuah paragraf.</p> </body> </html>...

1

Semua Properti Border Atas Dalam Satu Deklarasi

Contoh Semua Properti Border Atas Dalam Satu Deklarasi <!DOCTYPE html> <html> <head> <style> p { border-style: solid; border-top: thick double #ff0000; } </style> </head> <body> <p>Ini adalah beberapa teks dalam sebuah paragraf.</p> </body> </html>...

0

Menetapkan Border Yang Berbeda di Setiap Sisi

Contoh Menetapkan Border Yang Berbeda di Setiap Sisi <!DOCTYPE html> <html> <head> <style> p.one { border-style: dotted solid dashed double; } p.two { border-style: dotted solid dashed; } p.three { border-style: dotted solid; }...

0

Menambahkan Border Bulat ke Elemen

Contoh Menambahkan Border Bulat ke Elemen <!DOCTYPE html> <html> <head> <style> p.normal { border: 2px solid red; } p.round1 { border: 2px solid red; border-radius: 5px; } p.round2 { border: 2px solid red; border-radius:...

1

Semua Properti Border Dalam Satu Deklarasi

Contoh Properti Border Dalam Satu Deklarasi <!DOCTYPE html> <html> <head> <style> p { border: 5px solid red; } </style> </head> <body> <h2>Properti perbatasan</h2> <p>Properti ini adalah properti singkat untuk border-width, border-style, dan border-color.</p> </body>...

0

Style Warna Right Border CSS

Contoh Style Warna Right Border CSS <!DOCTYPE html> <html> <head> <style> p { border-style: solid; border-right-color: #ff0000; } </style> </head> <body> <p>This is some text in a paragraph.</p> </body> </html> Coba Layout Editor »

1

Style Warna Left Border CSS

Contoh Style Warna Left Border CSS <!DOCTYPE html> <html> <head> <style> p { border-style: solid; border-left-color: #ff0000; } </style> </head> <body> <p>This is some text in a paragraph.</p> </body> </html> Coba Layout Editor »

0

Style Warna Bottom Border CSS

Contoh Style Warna Bottom Border CSS <!DOCTYPE html> <html> <head> <style> p { border-style: solid; border-bottom-color: #ff0000; } </style> </head> <body> <p>This is some text in a paragraph.</p> </body> </html> Coba Layout Editor »

1

Style Warna Top Border

Contoh Style Warna Top Border CSS <!DOCTYPE html> <html> <head> <style> p { border-style: solid; border-top-color: #ff0000; } </style> </head> <body> <p>This is some text in a paragraph.</p> </body> </html> Coba Layout Editor »

1

Style Warna Border CSS

Contoh Style Warna Border CSS <!DOCTYPE html> <html> <head> <style> p.one { border-style: solid; border-color: #0000ff; } p.two { border-style: solid; border-color: #ff0000 #0000ff; } p.three { border-style: solid; border-color: #ff0000 #00ff00 #0000ff; }...

1

Style Right Border CSS

Contoh Style Right Border CSS <!DOCTYPE html> <html> <head> <style> p { border-style: solid; } p.none {border-right-style: none;} p.dotted {border-right-style: dotted;} p.dashed {border-right-style: dashed;} p.solid {border-right-style: solid;} p.double {border-right-style: double;} p.groove {border-right-style: groove;} p.ridge...