여백설정 > CSS

본문 바로가기
사이트 내 전체검색


회원로그인

CSS

여백설정

페이지 정보

작성자 LYJ 작성일08-08-01 21:19 조회3,832회 댓글0건

본문

★ 상하 좌우 여백 설정하기<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

속성

형식

{margin:[절대크기 | 상대크기]{1,4}}

여백을 일괄 설정

{margin-top:절대크기 | 상대크기}

위쪽 여백만 설정

{margin-bottom:절대크기 | 상대크기}

아래쪽 여백만 설정

{margin-left:절대크기 | 상대크기}

왼쪽 여백만 설정

{margin-right:절대크기 | 상대크기}

오른쪽 여백만 설정

 

★ 내용과 테두리 사이에 여백 설정하기

속성

형식

{padding:[절대크기 | 상대크기]{1,4}}

내용과 테두리의 간격을 일괄설정

{padding-top:절대크기 | 상대크기}

내용의 위쪽 간격만 설정

{padding-bottom:절대크기 | 상대크기}

내용의 아래쪽 간격만 설정

{padding-left:절대크기 | 상대크기}

내용의 왼쪽 간격만 설정

{padding-right:절대크기 | 상대크기}

내용의 오른쪽 간격만 설정

 

① 전체 여백 설정하기

margin은 여백 부분의 폭을 지정하는 속성이다. 각각의 여백을 지정할 수도 있고 margin 속성만 이용하면 네 곳의 여백값을 동시에 설정할 수도 있다.

 

 

② 내용과 테두리 여백 설정하기

내용의 상하좌우 간격을 설정하기 위해 padding 속성을 이용할 수 있다. 여기서 말하는 내용은 텍스트나 이미지를 말한다. 내용에 테두리가 나타나지 않았더라도 여백은 표현된다. 속성값은 길이와 퍼센트로 표현 할 수 있다.

댓글목록

등록된 댓글이 없습니다.


그누보드5
Copyright © jsp.pe.kr All rights reserved.
상단으로
모바일 버전으로 보기