HTML CSS margin-right 속성
오른쪽 여백 설정합니다.
속성 값: (length),(percent),auto
Tip: CSS 몇가지 방법
1. 임베디드 스타일 시트(Embedded Style Sheet) : 내부 스타일 시트라고도 하며 HTML 웹페이지의 상단 <head>와 </head> 테그 사이에 Style Sheet를 지정하는 방법입니다.
2. 링크타입 스타일 시트(External Style Sheet) : 외부 스타일 시트라고도 하며 별도의 CSS파일을 만들어 Link 테그로 연결하는 방법입니다.
3. 인라인스타일(Inline Styles) : HTML 웹페이지 내에서 직접 지정하는 방법입니다.
4.@import로 외부 스타일시트를 참조합니다.
5.xml-stylesheet 처리 명령으로 외부 스타일시트를 참조합니다.
1. 임베디드 스타일 시트(Embedded Style Sheet) : 내부 스타일 시트라고도 하며 HTML 웹페이지의 상단 <head>와 </head> 테그 사이에 Style Sheet를 지정하는 방법입니다.
2. 링크타입 스타일 시트(External Style Sheet) : 외부 스타일 시트라고도 하며 별도의 CSS파일을 만들어 Link 테그로 연결하는 방법입니다.
3. 인라인스타일(Inline Styles) : HTML 웹페이지 내에서 직접 지정하는 방법입니다.
4.@import로 외부 스타일시트를 참조합니다.
5.xml-stylesheet 처리 명령으로 외부 스타일시트를 참조합니다.
CSS margin-right 속성 값
(length) : cm, mm, in, pt, pc, px,em, ex 단위로 오른측 여백을 지정
(percent) : 상위 속성값에 비례하여 퍼센테이지로(%)로 오른측 여백을 지정
auto : 브라우저가 오른측 여백을 자동으로 계산
1. CSS margin-right : 링크타입 스타일 시트(External Style Sheet)
링크타입 스타일 시트(External Style Sheet)은 외부 스타일 시트라고도 하며 별도의 CSS파일을 만들어 Link 태그로 연결하는 방법입니다.
[style.css] 이라는 이름을 가진 별도의 파일입니다. <style.css> #body{ background-color: #ffffff; } p{ background-color: #ccc; } #mg{ margin-top: 10px; margin-right: (length),(percent),auto 속성값입니다.; margin-bottom: 10px; margin-left: 10px; } 별도의 이름을 가진 웹페이지입니다.(예 : sample.html) HTML CSS font-size 속성의 예제 샘플입니다 <body> <p>HTML CSS margin-right 속성의 링크타입 스타일 시트(External Style Sheet) 예제 샘플입니다</div> <div id="mg">HTML CSS margin-right 속성의 링크타입 스타일 시트(External Style Sheet) 예제 샘플입니다( margin-right:*)</div> <p>HTML CSS margin-right 속성의 링크타입 스타일 시트(External Style Sheet) 예제 샘플입니다</div> </body>
CSS margin-right 예제 : 임베디드 스타일 시트(Embedded Style Sheet)
임베디드 스타일 시트(Embedded Style Sheet)은 내부 스타일 시트라고도 하며 HTML 웹페이지의 상단 <head>와 </head>태그 사이에 Style Sheet를 지정하는 방법입니다.
<head> <style type="text/css"> <!-- #body{ background-color: #ffffff; } p{ background-color: #ccc; } #mg{ margin-top: 10px; margin-right: (length),(percent),auto 속성값입니다.; margin-bottom: 10px; margin-left: 10px; } --> </style> </head> <body> <p>HTML CSS margin-right 속성의 임베디드 스타일 시트(Embedded Style Sheet) 예제 샘플입니다</div> <div id="mg">HTML CSS margin-right 속성의 임베디드 스타일 시트(Embedded Style Sheet) 예제 샘플입니다( margin-right:*)</div> <p>HTML CSS margin-right 속성의 임베디드 스타일 시트(Embedded Style Sheet) 예제 샘플입니다</div> </body>
CSS margin-right 예제 : 인라인스타일(Inline Styles)
인라인스타일(Inline Styles)은 HTML 웹페이지 내에서 직접 지정하는 방법입니다.
<div style="margin-right : 여기에 속성 값을 넣습니다;">HTML CSS margin-right속성의 인라인스타일(Inline Styles) 예제 샘플입니다.<div>
CSS margin-right 관련 태그
'CSS 스타일시트 ' 카테고리의 다른 글
HTML CSS(스타일시트) max-height 속성(시각적 서식 속성)- 속성값,css 예제및 관련된 태그입니다. (0) | 2012.09.18 |
---|---|
HTML CSS(스타일시트) margin-top 속성(테두리 속성)- 속성값,css 예제및 관련된 태그입니다. (0) | 2012.09.18 |
HTML CSS(스타일시트) margin-left 속성(테두리 속성)- 속성값,css 예제및 관련된 태그입니다. (0) | 2012.09.18 |
HTML CSS(스타일시트) margin-bottom 속성(테두리 속성)- 속성값,css 예제및 관련된 태그입니다. (0) | 2012.09.18 |
HTML CSS(스타일시트) margin 속성(테두리 속성)- 속성값,css 예제및 관련된 태그입니다. (0) | 2012.09.18 |
WRITTEN BY
- white_rabbitstar
html대학에서는 html 태그,html5 신규태그,css등 모든 속성,이벤트,속성값을 정리하여 앞으로 열심히 글을 올리 겠습니다.
,