CSS

[CSS] Overflow

katia 2023. 3. 8. 15:46

Overflow

  • 요소의 범위를 벗어난 자손 요소들에 대한 처리를 위해 사용한다.
  • 기본값 : visible
  • 속성구조
    • [x] : 가로/세로축에 대한 설정을 [x] 로 한다.
    • [x] [y] : 가로축에 대한 설정을 [x] 로, 세로축에 대한 설정을 [y] 로 한다.
  • 속성값
    • auto : 범위를 벗어난 경우에만 스크롤 바를 보인다.
    • hidden : 범위를 벗어난 요소를 보이지 않게 한다.
    • scroll : 범위를 벗어난 것에 대한 여부와 관계없이 스크롤 바를 보이게 한다.
    • visible : 범위를 벗어난 요소를 보이게 한다.

Overflow-x

  • 가로축으로 범위를 벗어난 자손요소들에 대한 처리를 위해 사용한다.
  • 속성값은 하나만 가지며 그 값은 overflow의 값과 같다

Overflow-y

  • 세로축으로 범위를 벗어난 자손요소들에 대한 처리를 위해 사용한다.
  • 속성값은 하나만 가지며 그 값은 overflow의 값과 같다
/* 해당 범위에 적용 */
[Tag] or [.class] or [#id] {

     overflow : [속성값]; 

}

'CSS' 카테고리의 다른 글

[CSS] Position  (0) 2023.03.08
[CSS] Display  (0) 2023.03.08
[CSS] Border  (0) 2023.03.08
[CSS] Filter (이미지 필터)  (0) 2023.03.08
[CSS] Width(가로) 과 Height(세로)  (0) 2023.03.08