• 회원가입
  • 로그인
  • 구글아이디로 로그인

[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

부모요소의 속성값 상속.

 


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
animation CSS - animation-direction 속성 - 애니방향 (= 움직임방향 = 애니메이션디렉션속성, I…
animation CSS - animation-duration 속성 - 애니지속시간 (= 애니완료소요시간 = 움직임완료소요시간…
animation CSS - animation-fill-mode 속성 - 애니미작동스타일 (= 움직임 작동안할때 스타일 = 애…
animation CSS - animation-iteration-count 속성 - 애니반복횟수 (= 움직임반복횟수, IE10…
animation CSS - animation-name 속성 - 키프레임명 (= 키프레임이름 = 애니이름 = 애니명 = 애니메…
animation CSS - animation-play-state 속성 - 애니재생상태 (= 애니작동상태설정 = 움직임 재생/…
animation CSS - animation-timing-function 속성 - 애니재생중속도변화 (= 움직임 중 속도변경…
image CSS - Rounded Images (둥근/동그란 이미지 만들기 = 이미지 테두리 둥글게/동그랗게) - I…
image CSS - Thumbnail Images - (썸네일 이미지 스타일)
image CSS - enter an Image (이미지 가운데정렬)
image CSS - Image Text - (이미지 위에 텍스트 배치/띄우기)
image CSS - Polaroid Images / Cards - (폴라로이드 이미지)
image CSS - Image Filter - (이미지 필터 - 흑백/흐림 효과)
image CSS - Image Hover Overlay - (이미지 마우스오버시 효과 = 이미지허버효과 = 이미지마우…
image CSS - Image Modal - (Advanced) - (이미지 모달 띄우기 효과)
button CSS - Button - 버튼스타일 (버튼크기, 버튼색깔, 버튼비활성화, 버튼그룹, 이미지위버튼)
pagination CSS - 페이징 - 기본 스타일 (Simple Pagination)
pagination CSS - 페이징 - 마우스오버 시 색깔 변경 (Active and Hoverable Pagination)
pagination CSS - 페이징 - 트랜지션 효과 (Hoverable Transition Effect)
pagination CSS - 페이징 - 테두리 추가 (Bordered Pagination)
9/25
목록
찾아주셔서 감사합니다. Since 2012