potatos
๐•๐•’๐•ฆ๐•ฃ๐•ฆ๐•ค
potatos
์ „์ฒด ๋ฐฉ๋ฌธ์ž
์˜ค๋Š˜
์–ด์ œ
  • ๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ
    • Daily
    • Study
      • CS
      • Network
      • Windows
      • Linux
      • HTML & CSS
      • JavaScript
      • React
      • vue.js
      • Flutter
      • DataBase
      • Elastic Se..
      • Log
      • Coding Tes..
    • Work
      • PC
      • Mobile
      • JPGIF

๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

  • ํ™ˆ
  • ํƒœ๊ทธ
  • ๋ฐฉ๋ช…๋ก

๊ณต์ง€์‚ฌํ•ญ

  • notice

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

  • MySQL
  • ์…€๋ ‰ํ„ฐ
  • Windows
  • CSS
  • ์œˆ๋„์šฐ
  • HTML
  • ์ˆ˜์ง ์ •๋ ฌ
  • JavaScript
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ
  • Linux

์ตœ๊ทผ ๋Œ“๊ธ€

์ตœ๊ทผ ๊ธ€

ํ‹ฐ์Šคํ† ๋ฆฌ

hELLO ยท Designed By ์ •์ƒ์šฐ.
potatos

๐•๐•’๐•ฆ๐•ฃ๐•ฆ๐•ค

Study/HTML & CSS

[CSS] Overflow

2022. 7. 12. 18:30

Overflow

๋‚ด์šฉ๋ฌผ์ด ๋“ค์–ด๊ฐˆ ๊ณต๊ฐ„์ด ๋ถ€์กฑํ•  ๊ฒฝ์šฐ, ๋‚ด์šฉ์ด ์˜์—ญ ๋ฐ–์œผ๋กœ ๋„˜์ณ ๋ฒ„๋ฆฌ๋Š” ์ƒํ™ฉ์ด ๋ฐœ์ƒํ•œ๋‹ค. ์ด๋ฅผ ๋ณด์™„ํ•˜๋Š” ๋ฐฉ๋ฒ•์ด overflow ์‚ฌ์šฉ์ด๋‹ค.

Overflow ์†์„ฑ ๊ฐ’

์†์„ฑ ๊ฐ’ ์„ค๋ช…
visible ๊ธฐ๋ณธ ๊ฐ’์œผ๋กœ, ๋„˜์น  ๊ฒฝ์šฐ ๋‚ด์šฉ์ด ์ƒ์ž ๋ฐ–์œผ๋กœ ๋ณด์ธ๋‹ค.
hidden ๋„˜์น˜๋Š” ๋‚ด์šฉ์„ ์ˆจ๊ฒจ ์ฃผ์–ด ๋ณด์ด์ง€ ์•Š๊ฒŒ ํ•œ๋‹ค.
scroll ๋‚ด์šฉ๋ฌผ์„ ์ˆจ๊ธฐ๊ณ , ์Šคํฌ๋กค์„ ์ด์šฉํ•ด ๋ณด์ด๋„๋ก ํ•œ๋‹ค.
auto ์ปจํ…์ธ  ์–‘์— ๋”ฐ๋ผ ์Šคํฌ๋กค๋ฐ” ์ถ”๊ฐ€๋ฅผ ์ž๋™์œผ๋กœ ๊ฒฐ์ •ํ•œ๋‹ค.
div {
	overflow: visible|hidden|scroll|auto;
}

 

'Study > HTML & CSS' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[CSS] ๊ฐ€์ƒ ํด๋ž˜์Šค (pseudo-class)  (0) 2022.07.13
[CSS] ๊ธฐํƒ€ ์…€๋ ‰ํ„ฐ  (0) 2022.07.12
[CSS] ๋ฐ•์Šค ๋ชจ๋ธ (Box-Model)  (0) 2022.07.12
[CSS] ํ…์ŠคํŠธ (Text)  (0) 2022.07.12
[CSS] ํฐํŠธ (Font)  (0) 2022.07.12
    'Study/HTML & CSS' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
    • [CSS] ๊ฐ€์ƒ ํด๋ž˜์Šค (pseudo-class)
    • [CSS] ๊ธฐํƒ€ ์…€๋ ‰ํ„ฐ
    • [CSS] ๋ฐ•์Šค ๋ชจ๋ธ (Box-Model)
    • [CSS] ํ…์ŠคํŠธ (Text)
    potatos
    potatos

    ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”