Як встановити межу для тегу HTML div


193

Я намагаюся визначити межу навколо тегу div у HTML. У деяких браузерах межа не відображається.

Ось мій HTML-код:

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

Як встановити межу для тегу HTML div?

Відповіді:


361

Спробуйте бути чіткими щодо всіх властивостей кордону. Наприклад:

border:1px solid black;

Перегляньте властивість "Скорочення кордону" . Хоча інші біти необов’язкові, деякі браузери не встановлюють ширину чи колір за замовчуванням, якого ви очікували. У вашому випадку я б ставлю на облік, що ширина дорівнює нулю, якщо не зазначено.


1
Мені довелося видалити суфікс "px".
Саміс

1
@samis Це не те, що ти хочеш робити.
Джоель

29

може використовувати

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

або як стенограма

border: 2px solid black

17

Відповідно до W3C:

Оскільки початкове значення стилів рамки "жодне", жодні межі не будуть видимі, якщо не встановлено стиль межі.

Іншими словами, вам потрібно встановити стиль межі (наприклад solid) для відображення кордону. border:thinвстановлює лише ширину. Також колір за замовчуванням буде таким самим, як і колір тексту (який зазвичай виглядає не дуже добре).

Я рекомендую встановити всі три стилі:

style="border: thin solid black"

5

Я думаю, що саме тут ви вказуєте ..

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

Ну. це має бути написано якborder-width:thin

Тут ви переходите за посиланням (натисніть тут), щоб ознайомитися з різними типами стилів кордону

Ви також можете встановити ширину кордону, записавши ширину в пікселях .. (наприклад, ширина рамки: 1 пікс), мінімальна ширина - 1 пікс.


5

Ви можете використовувати:

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

Ви можете змінити їх, як вважаєте за потрібне.


2

Вам потрібно встановити більше полів, а лише ширину межі. Стиль в основному ставить рамку на сторінці. Ширина керує товщиною, а колір повідомляє, яким кольором зробити межу.

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

1

У завантажувальній програмі 4 ви можете використовувати прикордонні утиліти на зразок цього.

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


0
 .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>

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

Називай мене Ізмаїл.

Тільки не дзвони мені пізно на вечерю.

Називай мене Ізмаїл.

Тільки не дзвони мені пізно на вечерю.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.