웹모아
웹모아[가입] 로그인 / 회원가입   검색     


  
CSS
 

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


 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   

 이미지 위에 텍스트 뿌리기
열람:5618   2016.08.12


 margin, padding
열람:4313   2016.07.25



[1]  

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




 
최근 글 [손님]
 
인기 글 [손님]
[김준수] (1) 모의고사 풀이
[밝곰] 출첵입니다