Cara mengatur batas untuk tag div HTML

Saya mencoba mendefinisikan batas di sekitar tag div dalam HTML. Di beberapa browser, batas tidak muncul.

Ini kode HTML saya:

<div id="divActivites" name="divActivites" style="border:thin">
    <textarea id="inActivities" name="inActivities" style="border:solid">
    </textarea> 
</div> 

Bagaimana cara menetapkan batas untuk tag div HTML?

Cobalah bersikap eksplisit tentang semua properti perbatasan. Sebagai contoh:

border:1px solid black;

Lihat properti steno Perbatasan . Meskipun bit lainnya opsional, beberapa browser tidak mengatur lebar atau warna ke default yang Anda harapkan. Dalam kasus Anda, saya bertaruh bahwa lebarnya nol kecuali ditentukan.

bisa menggunakan

border-width:2px;
border-style:solid;
border-color:black;

atau sebagai steno

border: 2px solid black

Sesuai W3C:

Karena nilai awal dari gaya perbatasan adalah 'tidak ada', tidak ada batas yang akan terlihat kecuali gaya perbatasan ditetapkan.

Dengan kata lain, Anda perlu mengatur gaya perbatasan (misalnya solid) agar perbatasan ditampilkan. border:thinhanya mengatur lebar. Juga, warna secara default akan sama dengan warna teks (yang biasanya tidak terlihat bagus).

Saya merekomendasikan pengaturan ketiga gaya:

style="border: thin solid black"

Saya kira ini adalah di mana Anda menunjuk ..

<div id="divActivites" name="divActivites" style="border:thin">
    <textarea id="inActivities" name="inActivities" style="border:solid">
    </textarea> 
</div> 

Baik. itu harus ditulis sebagaiborder-width:thin

Di sini Anda pergi dengan tautan (klik di sini) memeriksa berbagai jenis Border-style

Anda juga dapat mengatur lebar perbatasan dengan menulis lebar dalam bentuk piksel .. (seperti lebar perbatasan: 1px), lebar minimum adalah 1px.

Kamu bisa memakai:

border-style: solid;
border-width: thin;
border-color: #FFFFFF;

Anda dapat mengubahnya sesuai keinginan Anda.

Anda perlu mengatur lebih banyak bidang daripada hanya lebar perbatasan. Gaya dasarnya menempatkan perbatasan pada halaman. Lebar mengontrol ketebalan, dan warna memberi tahu warna apa untuk membuat garis tepi.

border-style: solid; border-width:thin; border-color: #FFFFFF;

Di bootstrap 4, Anda dapat menggunakan utilitas perbatasan seperti itu.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>

<style>
  .border-5 {
    border-width: 5px !important;
  }
</style>

<textarea class="border border-dark border-5">some content</textarea>

 .centerImge {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
        height:50%;
    }
 <div>
 @foreach (var item in Model)
{
<span> <img src="@item.Thumbnail"  class="centerImge" /></span>
  <h3 style="text-align:center">  @item.CategoryName</h3>
}
 </div>

<style>
p{border: 1px solid red}
div{border: 5px solid blue}

Panggil aku Ismail.

Hanya saja jangan menelepon saya terlambat untuk makan malam.