property 검색 결과

해당 글 19건

CSS 흐름속성(Flow Property) - Float, Clear

CSS 속성중에 문서의 흐름과 관련된 속성들을 알아봅니다. float 박스가 흐르는 방법 및 방향을 지정한다. 이 속성은 절대 위치를 갖는 요소에는 적용되지 않는다. .left {float: left;} .right {float: right} .left .right 속성값 left : 요소를 좌측으로 float 시킨다. right : 요소를 우측으로 float 시킨다. none : 요소를 float 시키지 않는다. 기본값이다. inherit : 부모 요소로부터 값을 상속 받는다. 자바스크립트 문법 object.style.cssFloat="left" 지원 현황 인터넷익스플로우 파이어폭스 사파리 크롬 오페라 지원 지원 지원 지원 지원 inherit 값은 IE7 이하는 지원하지 않는다. IE8은 !DOCTYP..
웹코딩/CSS 2015. 6. 3. 12:00

CSS 박스속성(Box Property)

CSS 속성중에 박스모델을 구성하는 다양한 속성들 중에 일부를 알아봅니다. box-decoration-break CSS3에 추가된 속성으로 컬럼 및 줄바꿈시 테두리와 패딩을 처리하는 방법을 지정한다. .class {box-decoration-break: slice;} 속성값 slice : 하나의 테두리와 패딩이 모든 박스에 적용된다. clone : 각각의 테두리 및 패딩이 독립적으로 적용된다. 지원 현황 인터넷익스플로우 파이어폭스 사파리 크롬 오페라 미지원 미지원 미지원 미지원 O11 box-shadow CSS3에 추가된 속성으로 box에 하나 이상의 그림자를 만든다. div {box-shadow: 10px 10px 5px #888888;} offset-x, offset-y, blur, spread, c..
웹코딩/CSS 2015. 6. 2. 17:00

CSS 외곽선속성(Outline Property)

CSS 속성중에 테두리를 결정하는 border 속성보다 더 외곽에 위치하고 있는 outline 속성에 대하여 알아봅니다. outline 축약 속성이며, 테두리와 유사하지만 공간을 차지하지 않으며, 사각형이 아닐 수도 있다. p {outline: #00FF00 dotted thick;} outline-color, outline-style, outline-width 순서로 속성값을 작성한다. 생략된 값이 있을 경우 기본값이 적용된다. 속성값 outline-color : outline의 색상을 지정한다. outline-style : outline의 스타일을 지정한다. outline-width : outline의 너비를 지정한다. inherit : 부모 요소로부터 값을 상속 받는다. 자바스크립트 문법 objec..
웹코딩/CSS 2015. 6. 2. 15:00

CSS 테두리속성(Border Property)

CSS 속성중 테두리를 둥글게 하거나 색상, 모양을 설정하는 border 속성에 대하여 알아봅니다. border 축약 속성으로, border-width, border-style, border-color 순서로 작성한다. 몇몇 값을 생략해도 상관없다. p {border: 5px solid red;} 속성값 border-width : border의 width 값을 지정 border-style : border의 style 값을 지정 border-color : border의 color 값을 지정 inherit : 부모 요소로부터 값을 상속 받는다. 자바스크립트 문법 object.style.border="3px solid blue" 지원 현황 인터넷익스플로우 파이어폭스 사파리 크롬 오페라 지원 지원 지원 지원 지..
웹코딩/CSS 2015. 6. 2. 12:00

CSS 배경속성(Background Property)

CSS의 배경 속성은 요소의 배경 효과를 정의하는데 사용됩니다. CSS3에서 추가된 내용은 구형 IE에서는 지원하지 않을 수 있음에 유념하세요. background 축약형 속성으로 background-color, background-position, background-size, background-repeat, background-origin, background-clip, background-attachment, and background-image 순서로 작성한다. 몇몇 값을 생략해도 문제없다. /* background-image background-position [/background-size] repeat-style attachement box background-color */ h1 {bac..
웹코딩/CSS 2015. 6. 1. 17:00