[box] CSS - margin-right 속성 - 바깥여백우측 (= margin-right속성 = 마진라이트속성)

margin-right 예제

 

<style>

div {width:300px; border:1px solid red;}

p {border:1px solid silver;}

p.a {margin-right: 150px;}

p.b {margin-right: 50%;}

</style>

<div>

    <p>홈짱닷컴 Homzzang.com</p>

    <p class="a">홈짱닷컴 Homzzang.com</p>

    <p class="b">홈짱닷컴 Homzzang.com</p>

</div>

 

결과보기

margin-right 정의

 

요소 왼쪽 바깥 여백. ※ 음수값 허용. (=역마진 허용)

 

---

 

1.

기본값: 0

상속여부: X

애니효과: O

CSS버전: CSS1

JS구문: object.style.marginRight="100px"

 

2.

IE6 이상 모든 브라우저 지원.

 

margin-right 구문

 

selector {margin-right: length|auto|initial|inherit;}

 

---

 

[속성값]

 

length

px, pt, cm 등의 길이단위 숫자. (기본값: 0px)

 

%

보모 요소 너비의 % 숫자.

 

auto

브라우저 자동 설정.

 

initial

이 속성의 기본값으로 설정.

 

inherit

부모요소의 속성값 상속.