Как установить границу для тега 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;

См. Граница собственности . Хотя другие биты являются необязательными, некоторые браузеры не устанавливают ширину или цвет по умолчанию, как вы ожидаете. В вашем случае я бы поспорил, что это нулевая ширина, если не указано иное.

Paolo
источник
1
Мне пришлось удалить суффикс "px".
Самис
1
@ Samis Это не то, что вы хотите сделать.
Джоэл
29

можешь использовать

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

или как стенография

border: 2px solid black
Йонкс Сомарль
источник
17

Согласно W3C:

Поскольку начальное значение стилей границ - «none», границы не будут видны, если не установлен стиль границ.

Другими словами, вам нужно установить стиль границы (например solid) для отображения границы. border:thinтолько устанавливает ширину. Кроме того, цвет по умолчанию будет таким же, как цвет текста (который обычно выглядит не очень хорошо).

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

style="border: thin solid black"
DisgruntledGoat
источник
5

Я думаю, это то, на что вы указываете ..

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

Хорошо. это должно быть написано какborder-width:thin

Здесь вы идете со ссылкой (нажмите здесь), чтобы проверить различные типы Border-стилей

Вы также можете установить ширину границы, написав ширину в пикселях .. (например, border-width: 1px), минимальная ширина равна 1px.

InfantPro'Aravind»
источник
5

Ты можешь использовать:

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

Вы можете изменить их, как считаете нужным.

Андони Хендерер
источник
2

Вам нужно установить больше полей, чем просто border-width. Стиль в основном устанавливает границы на странице. Ширина контролирует толщину, а цвет говорит ему, какой цвет сделать границы.

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}

Зовите меня Измаил.

Только не звони мне поздно на ужин.

Зовите меня Измаил.

Только не звони мне поздно на ужин.

Мосааб Лабби
источник