CSS 흐름속성(Flow Property) - Float, Clear CSS 속성중에 문서의 흐름과 관련된 속성들을 알아봅니다. float 박스가 흐르는 방법 및 방향을 지정한다. 이 속성은 절대 위치를 갖는 요소에는 적용되지 않는다. .left {float: left;} .right {float: right} .left .right 속성값 left : 요소를 좌측으로 float 시킨다. right : 요소를 우측으로 float 시킨다. none : 요소를 float 시키지 않는다. 기본값이다. inheri.. 웹코딩/CSS 2015.06.03 12:00
CSS 박스속성(Box Property) CSS 속성중에 박스모델을 구성하는 다양한 속성들 중에 일부를 알아봅니다. box-decoration-break CSS3에 추가된 속성으로 컬럼 및 줄바꿈시 테두리와 패딩을 처리하는 방법을 지정한다. .class {box-decoration-break: slice;} 속성값 slice : 하나의 테두리와 패딩이 모든 박스에 적용된다. clone : 각각의 테두리 및 패딩이 독립적으로 적용된다. 지원 현황 인터넷익스플로우 파이어폭스 사.. 웹코딩/CSS 2015.06.02 17:00
CSS 외곽선속성(Outline Property) CSS 속성중에 테두리를 결정하는 border 속성보다 더 외곽에 위치하고 있는 outline 속성에 대하여 알아봅니다. outline 축약 속성이며, 테두리와 유사하지만 공간을 차지하지 않으며, 사각형이 아닐 수도 있다. p {outline: #00FF00 dotted thick;} outline-color, outline-style, outline-width 순서로 속성값을 작성한다. 생략된 값이 있을 경우 기본값이 적용된다. 속성값 .. 웹코딩/CSS 2015.06.02 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-co.. 웹코딩/CSS 2015.06.02 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-i.. 웹코딩/CSS 2015.06.01 17:00
