- 아웃라인(Outline)offset,style,width,color
- border와 동일하게 사용 할 수 있다.
- 그려치는 위치도 동일하게 그려진다.
- 단, 두께는 크기의 범위에 들어가지 않기에 border계산은 필요없다.
- CSS 위치 속성
- 디스플레이(display)
- 인라인-블록
요소 자체는 인라인 요소처럼 동작하고(w/h 값 적용 가능)
요소 내부에서는 블록 요소처럼 동작(요소 옆에 배치 가능)
- 인라인-블록
- visible
- hidden(visibility:hidden) : 안보이나 공간은 존재함
- none(display:none) : hidden과 달리 공간도 없애버림
- opacity : 투명도 0~1(소수점 기입시에는 소수1자리까지, %면 0%~100%까지)
background-color 나 color도 쓸 수 있는데 영향을 같이 미침. - 포지션(position)
- 정적 위치(static position)
- 상대 위치(relative position) : 정적 위치에 상대적으로 요소를 움직 일 수 있다.
부모의 위치를 기준으로 상대적으로 움직인다고 이야기 할 수 있다.
(부모는 거의 body)
static 때의 공간을 넘어버리므로 밑이나 위의 공간을 침범 할 수 있게 된다.
left,top,bottom,right로 조절 할 수 있다. - 고정 위치(fixed position) : 문자 그대로 left,top으로 고정된 위치에 나타내준다. 세로나 가로로 스크롤 바를 움직여도 화면에 고정된다.
- 절대 위치(absolute position) : 고정 위치와 비슷하지만 페이지상의 위치에 고정된다.
- 뮻
- 디스플레이(display)