Border-top

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

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

Свойството border-top има същото поведение като border но се прилага само за горната рамка на елемента. С него можете да задавате дебелина, стил и цвят на горната част на рамката. Стойността за цвят и дебелина са незадължителни и ако не ги зададете браузара ще изрисува рамката по подразбиране(ние не ви препоръчваме да го правите), стойността за стил на рамката обаче е задължителна и ако липсва, рамката няма да бъде изрисувана. Пример:

<html>
 <head>
    <title>Пример</title>
     <style>
	 .border{
            border-top:3px solid red;
           }
	 .border_w{
            border-top:solid red;
           }
	 .border_s{
            border-top:3px red;
           }
	 .border_c{
            border-top:3px solid;
           }
     </style>
  </head>
  <body>
    <div class="border">Червен горна рамка.</div><br />
    <div class="border_s">
      Тази рамка няма да бъде изрисувана поради липса на стойност за стил.
    </div><br />
    <div class="border_w">
      Тази рамка ще бъде изрисувана въпреки липсата на стойност за широчина.
    </div><br />
    <div class="border_c">
      Тази рамка ще бъде изрисувана въпреки липсата на стойност за цвят.
    </div><br />
  </body>
</html>

Изпускането на която и да е три от стойностит, въпреки че както видяхте без две от тях работи, може да доведе до непредвидено поведение на браузара и ние ви препоръчваме да го избягвате.

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