Как установить границы для тега HTML div

Я пытаюсь определить границу вокруг тега div в HTML. В некоторых браузерах граница не отображается.

Вот мой HTML-код:.

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

Как установить рамку для тега HTML div?

VVV
Редактировал вопрос 17-го февраля 2017 в 6:27
Программирование
html css border
7-го января 2010 в 1:16
44 просмотров
Решение

Попробуйте четко указать все свойства границы. Например:

border:1px solid black;

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

Комментарии (2)

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

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

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

border: 2px solid black
Yonks Somarl
Редактировал ответ 11-го апреля 2018 в 9:21
Комментарии (0)

Согласно стандарту W3C:

с начальным значением границы стилей 'Нет', границ не будет видно, если стиль границы.

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

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

style="border: thin solid black"
Комментарии (0)

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

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

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

Tom
Редактировал ответ 15-го декабря 2015 в 10:06
Комментарии (0)

Полагаю, вы указываете именно на это...


<div id="divActivites" name="divActivites" style="border:thin">
    <textarea id="inActivities" name="inActivities" style="border:solid">
Eric Leschinski
Редактировал ответ 15-го апреля 2014 в 1:31
Комментарии (0)

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

border-style: solid; border-width:thin; border-color: #FFFFFF;
Eric Leschinski
Редактировал ответ 3-го мая 2015 в 5:43
Комментарии (0)

В Bootstrap 4, Вы можете использовать [границы утилиты][1] Вот так.

в 


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>


  .border-5 {
    border-width: 5px !important;
  }


<textarea class="border border-dark border-5">some content
Комментарии (0)
 .centerImge {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
        height:50%;
    }
 <div>
 @foreach (var item in Model)
{
<span> </span>
  <h3 style="text-align:center">  @item.CategoryName</h3>
}
 </div>
Muhammad Armaghan
Редактировал ответ 23-го апреля 2018 в 1:59
Комментарии (0)