웹모아 
웹모아[손님] 검색 로그인  
웹모아
 
CSS
 


margin, padding
  2016-07-25 09:08:08 조회:3785
글자수:621


 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   


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

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



공지사항
[손님]

 
인기 글
[손님]
4915
3372
3381
4043
3647
3925
3019
4042
5388
3425
3139
3096
4522
3638
3247
 
최근 글
[손님]
136
263
477
280
293
178
253
3201
851
869
1040
891
4158
3451
3518