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


 
CSS
 


margin, padding
  2016-07-25 09:08:08 댓글:(0)   조회:3816


 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   


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

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



 
최근 글
[손님]
97
87
241
429
682
393
433
247
367
3823
921
963
1228
980
4283
 
인기 글
[손님]
5143
3417
3987
3221
3219
3353
3890
7243
5006
3649
3191
3451
3707
9988
4599