Posting ini akan menjelaskan cara menghapus batas dari HTML menggunakan CSS sepenuhnya.
Bagaimana Cara Menghapus Perbatasan Sepenuhnya Dari Tabel HTML?
Jika pengguna ingin menghapus batas sepenuhnya dari tabel HTML, lihat petunjuknya.
Langkah 1: Buat Tabel Dengan Perbatasan
Untuk membuat tabel dalam HTML, ikuti petunjuknya:
- Pertama, tambahkan elemen tabel “
' Bersama dengan ' berbatasan ” atribut. - Kemudian, “
” tag ditambahkan untuk membuat jumlah baris yang diinginkan. - Sel heading ditentukan menggunakan “
” tag. - Setelah itu, '
' tag disertakan dalam ' lainnya ' ” tag untuk menambahkan sel data: < meja berbatasan = '1px' >
< tr > < th > Nama < / th > < th > PENGENAL < / th > < th > Kategori < / th >< / tr >
< tr > < td > Jenny < / td > < td > 001 < / td > < td > SEBUAH < / td >< / tr >
< tr > < td > Laut < / td > < td > 002 < / td > < td > B < / td >< / tr >
< tr > < td > Besar < / td > < td > 003 < / td > < td > C < / td >< / tr >
< / meja >Untuk menata tabel HTML, kami akan menggunakan properti CSS berikut:
>
meja {
lapisan : 10px ;
batas : mobil ;
berbatasan : 1px padat hitam :
}
gaya >Di dalam '
”, akses elemen menggunakan tag-nya. Kemudian, terapkan properti berikut:
- “ batas ” properti dengan nilai “ mobil ” digunakan untuk mengatur ruang yang sama di sekitar elemen.
- “ lapisan ” properti dengan nilai “ 10px ” menyetel ruang 10px di sekitar konten elemen.
- “ berbatasan ” properti menerapkan batas di sekeliling meja.
Keluaran
Langkah 2: Hapus Perbatasan di CSS
Untuk menghapus batas dari tabel, pengguna diharuskan untuk mengatur “ berbatasan ” properti sebagai “ tidak ada ”:
meja {
lapisan : 10px ;
batas : mobil ;
berbatasan : tidak ada ;
}Dapat diamati bahwa batas luar dari tabel telah berhasil dihapus:
Langkah 3: Hapus Batas Tabel Sepenuhnya
Selanjutnya, jika Anda ingin menghapus seluruh batas dari tabel dan juga dari sel, setel “ berbatasan ” properti sebagai “ tidak ada ” pada semua elemen, termasuk “ meja ”, “ tr ”, “ th ', dan ' td ”:
tabel, tr, td, th{
padding: 10px;
margin: otomatis;
perbatasan: tidak ada;
}Output di bawah ini menunjukkan bahwa kita telah sepenuhnya menghapus batas dari tabel HTML:
Kami telah mendemonstrasikan metode untuk menghapus batas dari tabel HTML sepenuhnya.
Kesimpulan
Untuk sepenuhnya menghapus batas dari tabel HTML, buat tabel terlebih dahulu. Setelah itu, terapkan properti CSS “ berbatasan ”, “ lapisan ', dan ' batas ' di atas meja. Kemudian, atur properti border sebagai “ tidak ada ” pada semua elemen tabel, seperti “ meja ”, “ tr ”, “ td ', dan ' th ”. Tutorial ini telah mendemonstrasikan metode untuk menghilangkan batas sepenuhnya dari tabel HTML.
- Sel heading ditentukan menggunakan “