CSS 구문 매뉴얼(4) 텍스트 채우기, 테두리, 경계 및 위치 속성(2)

3. 프레임 테두리 속성

1. margin-bottom
margin-left
margin-right
margin-top

기능: 이 네 가지 속성이 사용됩니다. 요소와 인접 요소 사이의 거리를 설정하려면 해당 요소의 상위 텍스트 너비에 대한 길이 또는 백분율로 정의하거나 자동으로 처리할 수 있습니다.
값:
길이 - 요소의 해당 면과 상자 가장자리 사이의 상대 또는 절대 거리를 설정합니다. 유효한 단위는 mm, cm, in, px, pt, pica,ex, em입니다. ..
Percent - 테두리 크기를 상위 요소 너비의 백분율로 설정합니다.
auto - 자동으로 이 설정은 브라우저의 기본 테두리를 사용합니다.
예

2. margin

기능: 요소의 모든 경계를 설정하는 데 사용되는 단축 속성입니다. 이는 요소 내용의 가장자리에서 상자 가장자리까지의 거리를 설명하는 데 사용됩니다. 이 영역은 항상 투명하므로 아래의 페이지 배경을 볼 수 있습니다.
숫자:
길이 - 이전과 동일
비율 - 테두리 크기를 상위 요소 너비의 백분율로 설정합니다.
auto - 자동으로 이 설정은 브라우저의 기본 테두리를 사용합니다.
예

4. 상자 위치 속성

1. 높이

기능: 요소의 높이를 설정합니다. 브라우저는 이 높이 조정 그래픽을 따릅니다.
값:
길이 - mm, cm, px, pt, .....
자동 - 자동.

2. 너비

기능: 요소 너비를 설정하면 브라우저는 이 너비에 따라 그래픽을 조정합니다.
숫자:
길이 - mm, cm, in, px, pt, ...
백분율 - 그래픽 크기를 상위 요소 너비의 백분율로 설정합니다.
auto - 자동 조정

3. float

기능: 일반적인 요소 흐름 레이아웃 규칙 외부에 요소를 배치하는 데 사용됩니다.
값:
없음 - 변경 사항이 없습니다.
left - 다른 요소 콘텐츠를 플로팅된 요소 오른쪽에 배치합니다.
right - 다른 요소 콘텐츠를 플로팅된 요소 왼쪽에 배치합니다.

4.clear

기능: 지정된 요소 옆에 다른 요소(일반적으로 온라인 그래픽)를 배치하는 것을 허용하거나 금지하는 데 사용됩니다.
값:
없음 - 제한 없음 .
left - 왼쪽 플로팅 요소 아래에 요소 배치
right - 오른쪽 플로팅 요소 아래에 요소 배치
both - 요소 양쪽에 플로팅 요소가 허용되지 않음

위 CSS 구문 매뉴얼입니다. (4) 텍스트 채우기, 테두리, 테두리 및 위치 속성 (2) 내용, 더 많은 관련 내용을 보려면 PHP 중국어 웹사이트(www.php.cn)를 참고하세요!