Border-width

от Fuedo - Уеб дизайн енциклопедия

Направо към: навигация, търсене

Свойството border-width се използва за задаване дебелината на рамката. Може да приема от една до четири стоиности, като всяка стойност отговаря за дебелината на съответнат част от рамката в следният ред:

  • горна
  • дясна
  • долна
  • лява

Ако е зададена само една стойност тя се прилага като широчина на всички стени. При две стоиности, първата се прилага на горната и долната а втората на лявата и дясната стена. При три стойности първата се прилага на горната рамка, втората на дясната, третата на долната, а лявата рамка получава дебелината на срещулежащата и стена.
Пример: 

<html>
 <head>
    <title>Пример</title>
     <style>
	 .border1{
            border-color: red;
            border-width: 1px;
            border-style: solid ;
           }
	 .border2{
            border-color: red;
            border-width: 1px 3px;
            border-style: solid ;
           }
	 .border3{
            border-color: red;
            border-width: 2px 4px 6px;
            border-style: solid ;
           }
	 .border4{
            border-color: red;
            border-width: 2px 4px 6px 8px;
            border-style: solid ;
           }
     </style>
  </head>
  <body>
    <div class="border1">Една стойност</div><br />
    <div class="border2">Две стойности</div><br />
    <div class="border3">Три стойности</div><br />
    <div class="border4">Четири стойности</div>
  </body>
</html>

За разлика от свойството border-color, свойството border-width е задължитлено. Ако не го зададете рамката няма да бъде изрисувана. Присъствието на border-style също е задължително.

Взето от „http://fuedo.com/index.php?title=Border-width“.
Лични инструменти