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

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

Вот мой код HTML:

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

Ответ 1

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

border:1px solid black;

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

Ответ 2

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

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

или сокращенно

border: 2px solid black

Ответ 3

В соответствии с W3C:

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

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

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

style="border: thin solid black"

Ответ 4

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

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

Вы можете изменить их по своему усмотрению.

Ответ 5

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

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

Ну. он должен быть записан как border-width:thin

Здесь вы найдете ссылку (щелкните здесь) проверьте различные типы стилей границ

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

Ответ 6

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

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