Я пытаюсь определить границу вокруг тега div в HTML. В некоторых браузерах граница не отображается.
Вот мой HTML-код:.
<div id="divActivites" name="divActivites" style="border:thin">
<textarea id="inActivities" name="inActivities" style="border:solid">
</textarea>
</div>
Как установить рамку для тега HTML div?
Попробуйте четко указать все свойства границы. Например:
border:1px solid black;
См. Сокращенное свойство границы. Хотя остальные биты необязательны, некоторые браузеры не устанавливают ширину или цвет по умолчанию, как вы ожидаете. В вашем случае я бы поставил на то, что ширина равна нулю, если она не указана.
можете использовать
border-width:2px;
border-style:solid;
border-color:black;
или как стенография
border: 2px solid black
Согласно стандарту W3C:
с начальным значением границы стилей 'Нет', границ не будет видно, если стиль границы.
Другими словами, вам нужно установить стиль границы (например, твердый
) на границе показать. границы:тонкий только задает ширину. Кроме того, цвет по умолчанию будет таким же, как цвет текста (который обычно не'т выглядеть хорошо).
Я рекомендую установить все три стиля:
style="border: thin solid black"
Вы можете использовать:
border-style: solid;
border-width: thin;
border-color: #FFFFFF;
Вы можете изменить их, хотя, как вы считаете нужным,.
Полагаю, вы указываете именно на это...
<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.
Вам нужно задать больше полей, чем просто ширина границы. Стиль, по сути, устанавливает границу на странице. Ширина контролирует толщину, а цвет указывает, какого цвета сделать границу.
border-style: solid; border-width:thin; border-color: #FFFFFF;
В Bootstrap 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>
в
.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>