본문 바로가기

position

[css]display 속성 display 속성 [작성자의 다른 글 보러가기: '[CSS] #Position 사용법'] 개요 display 속성은 요소를 어떻게 보여줄지를 결정합니다. 주로 4가지 속성값이 쓰이는데, 태그마다 기본값이 다릅니다. none : 보이지 않음 block : 블록 박스 inline : 인라인 박스 inline-block : block과 inline의 중간 형태 none 요소를 렌더링하지 않도록 설정합니다. visibility 속성을 hidden으로 설정한 것과 달리, 영역도 차지하지 않습니다. 예제 inline span 태그, b 태그, i 태그, a 태그 등이 이에 해당됩니다. block 과 달리 줄 바꿈이 되지 않고, width와 height를 지정 할 수 없습니다. word 같은 문서에서 볼드, 이탤릭.. 더보기
[CSS] #Position 사용법 #Position 사용법 Position 속성 사용법은 다음과 같다. position: static | relative | absolute | fixed | sticky Static 을 제외한 나머지 속성값들은 top,left,bottom,right 와 같이 어느 위치에 요소를 위치시킬건지 지정할 수 있다. 각 값들은 그 방향에서 얼마나 이동시켜 위치할 것인지를 나타낸다. Static Static은 position 속성의 기본값이다. 요소를 나열한 순서대로 배치하며, top,right,bottom,left와 같은 속성을 사용할 수 없다. (Float 속성은 가능) relative static이었을 때 배치되는 위치를 기준으로 상대적 위치를 지정할 수 있는 속성값이다. 예를 들어 static이였을 때 위치.. 더보기