WEB/CSS 16

[CSS]text-indent

문단의 들여쓰기를 조절하는 속성입니다. 속성 값은 px나 em 등의 수치로 넣을 수 있으며, 값이 양수(+)일 경우 들여쓰기가 되고, 음수(-)일 경우 내어 쓰기가 됩니다.p { text-indent : 1em;}이 text-indent를 이용해서 글자를 감추고 이미지로 대체하기도 합니다. 이러한 사용은 나중에 따로 살펴보겠습니다.적용 예시이 문단은 text-indent에 양수 값을 적용하여 문단 시작에 들여쓰기를 적용했습니다. 이렇게 들여쓰기를 함으로써, 새로운 문단의 시작을 표현할 수 있습니다. 이 문단은 text-indent에 양수 값을 적용하여 문단 시작에 들여쓰기를 적용했습니다. 이렇게 들여쓰기를 함으로써, 새로운 문단의 시작을 표현할 수 있습니다. 이 문단은 text-indent에 양수 값을 ..

WEB/CSS 2018.01.18

CSS: How to align vertically a “label” and “input” inside a “div”?

59down votefavorite20Consider the following code:HTML: Name: CSS:div { height: 50px; border: 1px solid blue; }What would be the easiest method to put the label and the input in the middle of the div(vertically) ?css html vertical-alignmentshareimprove this questionedited Jan 14 '11 at 15:51Marc-François2,38911839asked Dec 17 '10 at 0:05Misha Moroshko53.3k1623916241 To my knowledge, the bottom li..

WEB/CSS 2018.01.18

[CSS] Background Image Size handling

큰 이미지를 작게해서 반복하기1233x1233 픽셀의 굉장히 큰 파이어폭스 로고를 150x150 픽셀로 작게 하고 반복한 배경을 300x300 픽셀의 엘리먼트에 지정해 봅시다. 엘리먼트의 가로, 세로 크기는 300픽셀이고 로고의 가로, 세로 크기는 150픽셀이므로 로고는 4번 반복될 것입니다.다음과 같은 CSS를 사용하면 됩니다..square { width: 300px; height: 300px; background-image: url(fxlogo.png); border: solid 2px; text-shadow: white 0px 0px 2px; font-size: 16px; background-size: 150px; } 이제 background-size 앞에 접두어(역자: -webkit-, -moz-..

WEB/CSS 2018.01.17