스타일 시트 매개변수
레이아웃 관련 속성
margin-X
- 속성......margin-top, margin-right, margin-bottom, margin-left 등
- 값..........길이,퍼센트값,auto
- 설명......
해당하는 내용의 위,오른쪽,아래, 왼쪽 등의 여백을 설정
한다. 일반 워드 프로세서에서의 위아래,좌우 여백 설정을
하는 것처럼 설정하면 된다.- 예제......BODY{margin:1cm 2cm 3cm}
기타......여백 속성을 각각 상하좌우로 설정해 줄 수도 있지만,
위의 예제처럼 margin이라는 하나의 이름으로도 묶어서
설정할 수 있다.이 때 속성값은 네개를 가지는데, 순서는
Top, Right,Bottom,Left의순서이다.만일 속성값이 하나라도
상하좌우를 모두 해당 값으로 설정하고,속성값이 두
개라면 첫번째 값은 Top과 Botttom,두번째 값은 Right와
Left의 값이 된다.만일 속성값이 세 개라면 모자라는
속성값은 반대쪽 즉,마지막의 속성값은 Left이므로
Right에 설정돼 있는 값으로 설정된다.padding-X
- 속성......padding-top,padding-right,padding-bottom,padding-left 등
- 값...........길이,퍼센트값,auto
설명......텍스트나 이미지 등에 있어서 border(테두리)와 내용간의
빈 공간을 얼마나 넣어줄 것인가 설정한다.예제......H1{padding:1cm 2cm} 기타......margin과 마찬가지로 padding이라는 하나의 이름으로
속성을 묶어서 사용할수 있다.border-X
- 속성......border-top,border-right,border-bottom,border-left
- 값...........
thin,medim,thick,길이값,none,dotted,dashed,solid,double,
groove,ridge,insert,outset- 설명......
border값을 얼마나 줄 것인가 설정한다. - 예제.....P{border:solid}
기타.....margin과 마찬가지로 border라는 하나의 이름으로 속성을
묶어서 사용할 수 있다.
 |
 |
 |
|
 |
|
 |
|
 |
|
|
Copyright Centis. All rights reserved.