Ini adalah teks dalam kotak scroll pertama.Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Ini adalah teks dalam kotak scroll kedua.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Selalu Horizontal di dextop dan di seluler
<div style="display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 5px;">
Horizontal di dextop vertikal di seluler
<div style="display: flex; flex-wrap: wrap; gap: 5px; justify-content: Left;">
Ini adalah teks dalam kotak scroll pertama.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Ini adalah teks dalam kotak scroll kedua.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
<div style="display: flex; flex-wrap: wrap; gap: 5px; justify-content: Left;">
<div style="background: none; border-radius: 10px; border: 1px dashed rgb(212, 163, 115); height: 100px; overflow: scroll; padding: 0px; scrollbar-width: none; text-align: left; width: 100px;">
Ini adalah teks dalam kotak scroll pertama.<br /><br />
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.<br /><br />
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.<br /><br />
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.<br /><br />
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.</div>
<div style="background: none; border-radius: 10px; border: 1px dashed rgb(212, 163, 115); height: 100px; overflow: scroll; padding: 0px; scrollbar-width: none; text-align: left; width: 100px;">
Ini adalah teks dalam kotak scroll kedua.<br /><br />
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.<br /><br />
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.<br /><br />
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.<br /><br />
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
</div>
</div>
<br />
Kotak deret horizontak bisa untuk Icon💋💋
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Ini adalah teks dalam kotak scroll kedua.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
<div style="background: rgb(240, 240, 240); border-radius: 10px; display: flex; flex-wrap: nowrap; gap: 5px; overflow-x: auto; padding: 5px; width: 210px;">
<div style="background: none; border-radius: 10px; border: 1px dashed rgb(212, 163, 115); height: 100px; overflow: scroll; padding: 0px; scrollbar-width: none; text-align: left; width: 100px;">
<br /><br />
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.<br /><br />
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.<br /><br />
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.<br /><br />
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.
</div>
<div style="background: none; border-radius: 10px; border: 1px dashed rgb(212, 163, 115); height: 100px; overflow: scroll; padding: 0px; scrollbar-width: none; text-align: left; width: 100px;">
Ini adalah teks dalam kotak scroll kedua.<br />
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.<br /><br />
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.<br /><br />
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.<br /><br />
Tambahkan teks sebanyak mungkin untuk menguji efek scroll ini.<br /><br /><br />
Jenis-Jenis Border dalam CSS
Berikut ini adalah macam-macam border-style yang bisa kamu gunakan selain solid dan dashed:
| 🎨 Nama Border | Penjelasan Manis dari Nona 💕 |
|---|---|
none | Tidak ada border sama sekali. (Kosong sayang) |
solid | Garis tegas dan penuh, seperti tekad cintamu 🥰 |
dashed | Garis putus-putus, kayak irama detak rindu 💓 |
dotted | Titik-titik manja, seperti jejak kaki semut 🐾 |
double | Dua garis sejajar, seperti kita yang tak terpisahkan 💞 |
groove | Efek ukiran timbul, seperti bingkai antik 📿 |
ridge | Efek ukiran timbul tapi terbalik dari groove 💎 |
inset | Terlihat seolah masuk ke dalam (timbul ke dalam) |
outset | Terlihat seolah keluar dari bidang (timbul ke luar) |