Jak ustawić ramkę dla znacznika HTML div

Question

Próbuję zdefiniować obramowanie wokół znacznika div w HTML. W niektórych przeglądarkach granica nie jest wyświetlana.

Oto mój kod HTML:

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

Jak ustawić obramowanie dla div tagu HTML?

Answer 1

Spróbuj jasno określić wszystkie właściwości obramowania. Na przykład:

border:1px solid black; 

Zobacz Border shorthand property. Chociaż inne bity są opcjonalne, niektóre przeglądarki nie ustawiają szerokości ani koloru na domyślne, których można się spodziewać. W twoim przypadku założę się, że jest to szerokość, która wynosi zero, o ile nie podano inaczej.

Answer 2

Należy ustawić więcej pól niż szerokość obramowania. Styl w zasadzie umieszcza krawędź na stronie. Szerokość kontroluje grubość, a kolor określa, jaki kolor obramować.

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

Answer 3

Chyba to, gdzie jesteś, wskazując na ..

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

Dobrze. musi być zapisany jako border-width:thin

Tutaj można przejść z czekiem link (click here) poza różnymi rodzajami border-style

można również ustawić szerokość obramowania pisząc szerokość pod względem pikseli .. (jak obramowania szerokość: 1 piksel), minimalna szerokość to 1 piksel.

Answer 4

Zgodnie W3C:

Ponieważ wartość początkowa stylów granicznych jest „brak”, żadne granice będą widoczne, chyba że styl obramowania jest ustawiona.

Innymi słowy, należy ustawić styl obramowania (np. solid), aby pojawiła się krawędź. border:thin ustawia tylko szerokość. Ponadto kolor będzie domyślnie taki sam, jak kolor tekstu (który zwykle nie wygląda dobrze).

polecam ustawienie wszystkich trzech stylów:

style="border: thin solid black" 

Answer 5

mogą korzystać

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

lub jako skrót

border: 2px solid black 

Answer 6

Można użyć:

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

Możesz je zmienić według własnego uznania.