웹모아 
웹모아  로그인  회원가입   
웹모아
 
CSS
 


  margin, padding
  등록: 2016-07-25 09:08:08 조회:3772


 Selector {margin-top:값; margin-right:값; margin-bottom:값; margin-left:값}
- 바깥 여백 지정
- %, px, pt

Selector {margin: 여백값}
- 바깥 여백 한 번에 지정
- 여백 값을 1개 지정 시, 네 방향에 모두 적용
- 여백 값을 2개 지정 시, 상하와 좌우에 적용
- 여백 값을 4개 지정 시, top, right, bottom, left 순으로 적용

Selector {padding-top:값; padding-right:값; padding-bottom:값; padding-left:값}
- 안쪽 여백 지정
- %, px, pt

Selector {padding: 여백값}
- 안쪽 여백 한 번에 지정
- 여백 값을 1개 지정 시, 네 방향에 모두 적용
- 여백 값을 2개 지정 시, 상하와 좌우에 적용
- 여백 값을 4개 지정 시, top, right, bottom, left 순으로 적용


Selector {position:옵션; top:값; left:값}
- 문단의 위치 지정
- position 속성과 함께 사용됨
- top/left 대신 bottom/right도 가능
- position옵션
    - static : 자유로운 문단 배치. 이동성이 없어 top, left 속성 적용할 수 없음
    - relative : 상대적 위치. 현재 컨텐츠가 있는 곳을 0,0으로 하여 문단 시작
    - absolute : 절대적 위치. 브라우저 왼쪽 상단 모서리를 0,0으로 하여 기준



Selector {position:옵션; width:값; height:값}
- 문단의 폭과 높이 지정
- position 속성과 함께 사용됨





 댓글 (0)


CSS
페이지: 1 / 1   


   이미지 위에 텍스트 뿌리기4510
margin, padding3773
≪ [1]   ≫

복수단어 검색은 공백(space)로 구분해 주세요.



공지사항

 
인기 글
6534
4562
10350
3992
4466
6320
10335
4215
11569
3778
10175
5566
5235
9134
6574
 
최근 글
170
280
190
170
115
148
2963
774
769
955
829
4040
3377
3428
3818