-
CSS
(css-107
, 2014.02.09)
목차
display 예제 - 요소 유형 지정 (= 노출 방식 설정)
block 요소 vs. inline 요소
display 정의
display 구문
display 예제 - (블럭요소 → 인라인요소) 변경
display 예제 - (인라인요소 → 블럭요소) 변경
…
-
CSS
(css-105
, 2014.02.08)
목차
float 예제 - 요소 나란히 옆으로 배치
float 정의
float 구문
float 예제 - 왼쪽정렬 (= 좌측정렬)
float 예제 - 오른쪽정렬 (= 우측정렬)
float 예제 - 양쪽정렬 (= 하나는 왼쪽, 하나는 오른쪽)
float 예제 - …
-
CSS
(css-100
, 2014.02.08)
목차
padding 예제 - 안쪽 여백
padding 정의
padding 구문
padding 속성값 개수별 의미
padding 개별 지정
padding vs. margin 비교 ★★★★★
padding 예제 - 안쪽 여백…
-
CSS
(css-99
, 2014.02.08)
목차
margin-left 예제 - 왼쪽 바깥 여백 (px 단위)
margin-left 정의
margin-left 구문
margin-left 예제 - 왼쪽 바깥 여백 (% 단위)
margin-left 예제 - 왼쪽 바깥 여백 (em 단위)
ma…
-
CSS
(css-98
, 2014.02.08)
CSS margin-bottom 바깥 하단 여백 (상속 X) : CSS1 (모든 주요 브라우저 지원)
<style>
div { border:1px solid blue;}
h1 { border:1px solid red; margin-bottom:200px;}
</…
-
CSS
(css-97
, 2014.02.08)
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&…
-
CSS
(css-94
, 2014.02.07)
목차
list-style-position 예제 - 리스트스타일 위치 지정
list-style-position 정의
list-style-position 구문
list-style-position 예제 - 리스트스타일 위치 지정
…
-
CSS
(css-92
, 2014.02.07)
목차
list-style-type 예제 - 리스트 스타일 타입
list-style-type 정의
list-style-type 구문
list-style-type 예제 - <ol>에 <ul>용 리스트마커 사용 가능
list-style-type 예제 - <ul&…
-
CSS
(css-91
, 2014.02.07)
목차
list-style 예제 - 리스트 스타일 일괄 지정
list-style 정의
list-style 구문
list-style 예제 - 특수문자 아이콘 이용 (예: ★)
list-style 예제 - 리스트 스타일 색상 입히기
list-styl…
-
CSS
(css-90
, 2014.02.07)
목차
unicode-bidi 예제 - 텍스트 글자 방향
unicode-bidi 정의
unicode-bidi 구문
unicode-bidi 예제 - 텍스트 글자 방향
<style>
div.a {
dir…