[펌글] html style 중 하나인 border의 속성에 대하여

By | 11월 2, 2011

- 출처 : http://blog.naver.com/battledocho/50093308151 -

※ border의 테두리두께, 모양, 색 설정하는 속성 등을 설정할 수 있다.

 

* border-style : 테두리 모양

      solid
     double
     groove
     ridge
     inset
     outset

* border-width : 테두리를 각각 좌우위아래별로 설정 가능


     border-left-width
     
     border-right-width

     border-top-width
     border-bottom-width

* border-color : 테두리 색상

 

 

* border을 사용할 때는 border-style이 반드시 정의되어있어야 한다. 

 

<html>
<head>
  <title>border 속성 연습</title>
  <style>
    p {border-width:1pt;border-color:blue;border-style:outset;}
  </style>
</head>
<body>
 <p>borer 스타일을 테스트 하고 있습니다. border의 종류를 살펴
    보겠습니다.
</body>
</html>

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments