SPATIUM Desktop
주소복사
About Operating System Languages Tools Favorites Notice Visit TEST  
     ADK (2)
     android (3)
     ASP (5)
     ASP.Net (1)
     C# (5)
     HTML (9)
     JAVA (6)
     JavaScript (9)
     jQuery (5)
     Mobile Web (2)
     Oracle (8)
     PHP (7)
     Spring Framework (4)
     SQL (15)
     WPF (5)
   ID  
   Password  
  |  
  Location United States
  IP Address 54.162.121.80
2018. 04
1234567
891011121314
15161718192021
2223
24
25262728
2930
Category  Languages, HTML
Writer 김태우 Date 2012-03-23 17:19:09 Visit 1538
CSS padding

 

CSS padding 속성

- 객체의 내용과 테두리(Border) 사이의 거리를 지정하는 속성

 

1. 모든 방향의 padding 지정, 하기 두 스타일은 같은 내용임

    { padding : 20px 30px 40px 50px; }

    { padding-top:20px; padding-right:30px; padding-bottom:40px; padding-left:50px; }

 

2. padding 값이 하나만 설정된 경우

    { padding : 20px; }

    : top, right, bottom, left 모든 padding값이 20px 로 설정됨

 

3. padding 값을 두개만 설정된 경우

    { padding : 20px 40px; }

    : top 과 right 만 지정되어 있으며, 생략된 bottom은 마주보는 top의 값을 가지며, left 역시 right 값을 가진다

 

4. padding  값을 세개만 설정된 경우

    { padding : 20px 30px 40px; }

    : 생략된 left 값은 마주보는 right 값을 가지므로 30px 이다

 

 

Tags  css, padding, padding-top, padding-right, padding-
  Relation Articles
[Languages-jQuery] jquery 객체 style 사용시 (2012-05-07 10:56:55)
[Languages-HTML] CSS background image 설정 (2012-04-25 10:07:56)
[Languages-HTML] CSS padding (2012-03-23 17:19:09)
  Your Opinion
Member ID
150 letters
Copyright (C) SPATIUM. All rights reserved.
[SPATIUM]WebMaster Mail