Cách đặt đường viền cho thẻ div HTML

Tôi đang cố gắng xác định đường viền xung quanh thẻ div trong HTML. Trong một số trình duyệt, đường viền không xuất hiện.

Đây là mã HTML của tôi:

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

Làm cách nào để đặt đường viền cho thẻ div HTML?

Hãy thử rõ ràng về tất cả các thuộc tính biên giới. Ví dụ:

border:1px solid black;

Xem tài sản tốc ký biên giới . Mặc dù các bit khác là tùy chọn, một số trình duyệt không đặt chiều rộng hoặc màu thành mặc định mà bạn mong đợi. Trong trường hợp của bạn, tôi cá rằng đó là chiều rộng bằng 0 trừ khi được chỉ định.

co thể sử dụng

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

hoặc như tốc ký

border: 2px solid black

Theo W3C:

Vì giá trị ban đầu của các kiểu viền là 'không', sẽ không hiển thị đường viền trừ khi kiểu viền được đặt.

Nói cách khác, bạn cần đặt kiểu viền (ví dụ solid) để đường viền hiển thị. border:thinchỉ đặt chiều rộng. Ngoài ra, màu theo mặc định sẽ giống với màu văn bản (thường không đẹp).

Tôi khuyên bạn nên thiết lập cả ba kiểu:

style="border: thin solid black"

Tôi đoán đây là nơi bạn đang chỉ vào ..

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

Tốt. nó phải được viết làborder-width:thin

Tại đây bạn đi với liên kết (bấm vào đây) kiểm tra các loại Kiểu viền khác nhau

bạn cũng có thể đặt chiều rộng đường viền bằng cách viết chiều rộng bằng pixel .. (như đường viền chiều rộng: 1px), chiều rộng tối thiểu là 1px.

Bạn có thể dùng:

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

Bạn có thể thay đổi những điều này khi bạn thấy phù hợp, mặc dù.

Bạn cần đặt nhiều trường hơn sau đó chỉ là chiều rộng đường viền. Phong cách cơ bản đặt đường viền trên trang. Chiều rộng kiểm soát độ dày và màu sắc cho nó biết màu gì để tạo đường viền.

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

Trong bootstrap 4, bạn có thể sử dụng các tiện ích viền như vậy.

<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}

Gọi tôi là Ishmael.

Đừng gọi tôi là muộn cho bữa tối.