CINXE.COM

<!doctype html><html lang="en-US" prefix="og: https://ogp.me/ns#"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><link rel="icon" href="https://developer.mozilla.org/favicon-48x48.bc390275e955dacb2e65.png"/><link rel="apple-touch-icon" href="https://developer.mozilla.org/apple-touch-icon.528534bba673c38049c2.png"/><meta name="theme-color" content="#ffffff"/><link rel="manifest" href="https://developer.mozilla.org/manifest.f42880861b394dd4dc9b.json"/><link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="MDN Web Docs"/><title>CSS: Cascading Style Sheets | MDN</title><link rel="alternate" title="CSS: Cascading Style Sheets" href="https://developer.mozilla.org/en-US/docs/Web/CSS" hrefLang="en"/><link rel="alternate" title="CSS: Cascading Stylesheets" href="https://developer.mozilla.org/de/docs/Web/CSS" hrefLang="de"/><link rel="alternate" title="CSS" href="https://developer.mozilla.org/es/docs/Web/CSS" hrefLang="es"/><link rel="alternate" title="CSS : Feuilles de style en cascade" href="https://developer.mozilla.org/fr/docs/Web/CSS" hrefLang="fr"/><link rel="alternate" title="CSS: カスケーディングスタイルシート" href="https://developer.mozilla.org/ja/docs/Web/CSS" hrefLang="ja"/><link rel="alternate" title="CSS" href="https://developer.mozilla.org/pt-BR/docs/Web/CSS" hrefLang="pt"/><link rel="alternate" title="CSS: каскадные таблицы стилей" href="https://developer.mozilla.org/ru/docs/Web/CSS" hrefLang="ru"/><link rel="alternate" title="CSS：层叠样式表" href="https://developer.mozilla.org/zh-CN/docs/Web/CSS" hrefLang="zh"/><link rel="alternate" title="CSS" href="https://developer.mozilla.org/zh-TW/docs/Web/CSS" hrefLang="zh-Hant"/><link rel="alternate" title="CSS: Cascading Style Sheets" href="https://developer.mozilla.org/ko/docs/Web/CSS" hrefLang="ko"/><link rel="preload" as="font" type="font/woff2" href="/static/media/Inter.var.c2fe3cb2b7c746f7966a.woff2" crossorigin=""/><link rel="alternate" type="application/rss+xml" title="MDN Blog RSS Feed" href="https://developer.mozilla.org/en-US/blog/rss.xml" hrefLang="en"/><meta name="description" content="Cascading Style Sheets(CSS)는 HTML이나 XML(XML의 방언인 SVG, XHTML 포함)로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어입니다. CSS는 요소가 화면, 종이, 음성이나 다른 매체 상에 어떻게 렌더링되어야 하는지 지정합니다."/><meta property="og:url" content="https://developer.mozilla.org/ko/docs/Web/CSS"/><meta property="og:title" content="CSS: Cascading Style Sheets | MDN"/><meta property="og:type" content="website"/><meta property="og:locale" content="ko"/><meta property="og:description" content="Cascading Style Sheets(CSS)는 HTML이나 XML(XML의 방언인 SVG, XHTML 포함)로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어입니다. CSS는 요소가 화면, 종이, 음성이나 다른 매체 상에 어떻게 렌더링되어야 하는지 지정합니다."/><meta property="og:image" content="https://developer.mozilla.org/mdn-social-share.d893525a4fb5fb1f67a2.png"/><meta property="og:image:type" content="image/png"/><meta property="og:image:height" content="1080"/><meta property="og:image:width" content="1920"/><meta property="og:image:alt" content="The MDN Web Docs logo, featuring a blue accent color, displayed on a solid black background."/><meta property="og:site_name" content="MDN Web Docs"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:creator" content="MozDevNet"/><link rel="canonical" href="https://developer.mozilla.org/ko/docs/Web/CSS"/><style media="print">.article-actions-container,.document-toc-container,.language-menu,.main-menu-toggle,.on-github,.page-footer,.place,.sidebar,.top-banner,.top-navigation-main,ul.prev-next{display:none!important}.main-page-content,.main-page-content pre{padding:2px}.main-page-content pre{border-left-width:2px}</style><script src="/static/js/gtag.js" defer=""></script><script defer="" src="/static/js/main.1ac238e4.js"></script><link href="/static/css/main.4634a21c.css" rel="stylesheet"/></head><body><script>if(document.body.addEventListener("load",(t=>{t.target.classList.contains("interactive")&&t.target.setAttribute("data-readystate","complete")}),{capture:!0}),window&&document.documentElement){const t={light:"#ffffff",dark:"#1b1b1b"};try{const e=window.localStorage.getItem("theme");e&&(document.documentElement.className=e,document.documentElement.style.backgroundColor=t[e]);const o=window.localStorage.getItem("nop");o&&(document.documentElement.dataset.nop=o)}catch(t){console.warn("Unable to read theme from localStorage",t)}}</script><div id="root"><ul id="nav-access" class="a11y-nav"><li><a id="skip-main" href="#content">Skip to main content</a></li><li><a id="skip-search" href="#top-nav-search-input">Skip to search</a></li><li><a id="skip-select-language" href="#languages-switcher-button">Skip to select language</a></li></ul><div class="page-wrapper category-css document-page"><div class="top-banner loading"><section class="place top container"></section></div><div class="sticky-header-container"><header class="top-navigation "><div class="container "><div class="top-navigation-wrap"><a href="/ko/" class="logo" aria-label="MDN homepage"><svg id="mdn-docs-logo" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 694.9 104.4" style="enable-background:new 0 0 694.9 104.4" xml:space="preserve" role="img"><title>MDN Web Docs</title><path d="M40.3 0 11.7 92.1H0L28.5 0h11.8zm10.4 0v92.1H40.3V0h10.4zM91 0 62.5 92.1H50.8L79.3 0H91zm10.4 0v92.1H91V0h10.4z" class="logo-m"></path><path d="M627.9 95.6h67v8.8h-67v-8.8z" class="logo-_"></path><path d="M367 42h-4l-10.7 30.8h-5.5l-10.8-26h-.4l-10.5 26h-5.2L308.7 42h-3.8v-5.6H323V42h-6.5l6.8 20.4h.4l10.3-26h4.7l11.2 26h.5l5.7-20.3h-6.2v-5.6H367V42zm34.9 20c-.4 3.2-2 5.9-4.7 8.2-2.8 2.3-6.5 3.4-11.3 3.4-5.4 0-9.7-1.6-13.1-4.7-3.3-3.2-5-7.7-5-13.7 0-5.7 1.6-10.3 4.7-14s7.4-5.5 12.9-5.5c5.1 0 9.1 1.6 11.9 4.7s4.3 6.9 4.3 11.3c0 1.5-.2 3-.5 4.7h-25.6c.3 7.7 4 11.6 10.9 11.6 2.9 0 5.1-.7 6.5-2 1.5-1.4 2.5-3 3-4.9l6 .9zM394 51.3c.2-2.4-.4-4.7-1.8-6.9s-3.8-3.3-7-3.3c-3.1 0-5.3 1-6.9 3-1.5 2-2.5 4.4-2.8 7.2H394zm51 2.4c0 5-1.3 9.5-4 13.7s-6.9 6.2-12.7 6.2c-6 0-10.3-2.2-12.7-6.7-.1.4-.2 1.4-.4 2.9s-.3 2.5-.4 2.9h-7.3c.3-1.7.6-3.5.8-5.3.3-1.8.4-3.7.4-5.5V22.3h-6v-5.6H416v27c1.1-2.2 2.7-4.1 4.7-5.7 2-1.6 4.8-2.4 8.4-2.4 4.6 0 8.4 1.6 11.4 4.7 3 3.2 4.5 7.6 4.5 13.4zm-7.7.6c0-4.2-1-7.4-3-9.5-2-2.2-4.4-3.3-7.4-3.3-3.4 0-6 1.2-8 3.7-1.9 2.4-2.9 5-3 7.7V57c0 3 1 5.6 3 7.7s4.5 3.1 7.6 3.1c3.6 0 6.3-1.3 8.1-3.9 1.8-2.7 2.7-5.9 2.7-9.6zm69.2 18.5h-13.2v-7.2c-1.2 2.2-2.8 4.1-4.9 5.6-2.1 1.6-4.8 2.4-8.3 2.4-4.8 0-8.7-1.6-11.6-4.9-2.9-3.2-4.3-7.7-4.3-13.3 0-5 1.3-9.6 4-13.7 2.6-4.1 6.9-6.2 12.8-6.2 5.7 0 9.8 2.2 12.3 6.5V22.3h-8.6v-5.6h15.8v50.6h6v5.5zM493.2 56v-4.4c-.1-3-1.2-5.5-3.2-7.3s-4.4-2.8-7.2-2.8c-3.6 0-6.3 1.3-8.2 3.9-1.9 2.6-2.8 5.8-2.8 9.6 0 4.1 1 7.3 3 9.5s4.5 3.3 7.4 3.3c3.2 0 5.8-1.3 7.8-3.8 2.1-2.6 3.1-5.3 3.2-8zm53.1-1.4c0 5.6-1.8 10.2-5.3 13.7s-8.2 5.3-13.9 5.3-10.1-1.7-13.4-5.1c-3.3-3.4-5-7.9-5-13.5 0-5.3 1.6-9.9 4.7-13.7 3.2-3.8 7.9-5.7 14.2-5.7s11 1.9 14.1 5.7c3 3.7 4.6 8.1 4.6 13.3zm-7.7-.2c0-4-1-7.2-3-9.5s-4.8-3.5-8.2-3.5c-3.6 0-6.4 1.2-8.3 3.7s-2.9 5.6-2.9 9.5c0 3.7.9 6.8 2.8 9.4 1.9 2.6 4.6 3.9 8.3 3.9 3.6 0 6.4-1.3 8.4-3.8 1.9-2.6 2.9-5.8 2.9-9.7zm45 5.8c-.4 3.2-1.9 6.3-4.4 9.1-2.5 2.9-6.4 4.3-11.8 4.3-5.2 0-9.4-1.6-12.6-4.8-3.2-3.2-4.8-7.7-4.8-13.7 0-5.5 1.6-10.1 4.7-13.9 3.2-3.8 7.6-5.7 13.2-5.7 2.3 0 4.6.3 6.7.8 2.2.5 4.2 1.5 6.2 2.9l1.5 9.5-5.9.7-1.3-6.1c-2.1-1.2-4.5-1.8-7.2-1.8-3.5 0-6.1 1.2-7.7 3.7-1.7 2.5-2.5 5.7-2.5 9.6 0 4.1.9 7.3 2.7 9.5 1.8 2.3 4.4 3.4 7.8 3.4 5.2 0 8.2-2.9 9.2-8.8l6.2 1.3zm34.7 1.9c0 3.6-1.5 6.5-4.6 8.5s-7 3-11.7 3c-5.7 0-10.6-1.2-14.6-3.6l1.2-8.8 5.7.6-.2 4.7c1.1.5 2.3.9 3.6 1.1s2.6.3 3.9.3c2.4 0 4.5-.4 6.5-1.3 1.9-.9 2.9-2.2 2.9-4.1 0-1.8-.8-3.1-2.3-3.8s-3.5-1.3-5.8-1.7-4.6-.9-6.9-1.4c-2.3-.6-4.2-1.6-5.7-2.9-1.6-1.4-2.3-3.5-2.3-6.3 0-4.1 1.5-6.9 4.6-8.5s6.4-2.4 9.9-2.4c2.6 0 5 .3 7.2.9 2.2.6 4.3 1.4 6.1 2.4l.8 8.8-5.8.7-.8-5.7c-2.3-1-4.7-1.6-7.2-1.6-2.1 0-3.7.4-5.1 1.1-1.3.8-2 2-2 3.8 0 1.7.8 2.9 2.3 3.6 1.5.7 3.4 1.2 5.7 1.6 2.2.4 4.5.8 6.7 1.4 2.2.6 4.1 1.6 5.7 3 1.4 1.6 2.2 3.7 2.2 6.6zM197.6 73.2h-17.1v-5.5h3.8V51.9c0-3.7-.7-6.3-2.1-7.9-1.4-1.6-3.3-2.3-5.7-2.3-3.2 0-5.6 1.1-7.2 3.4s-2.4 4.6-2.5 6.9v15.6h6v5.5h-17.1v-5.5h3.8V51.9c0-3.8-.7-6.4-2.1-7.9-1.4-1.5-3.3-2.3-5.6-2.3-3.2 0-5.5 1.1-7.2 3.3-1.6 2.2-2.4 4.5-2.5 6.9v15.8h6.9v5.5h-20.2v-5.5h6V42.4h-6.1v-5.6h13.4v6.4c1.2-2.1 2.7-3.8 4.7-5.2 2-1.3 4.4-2 7.3-2s5.3.7 7.5 2.1c2.2 1.4 3.7 3.5 4.5 6.4 1.1-2.5 2.7-4.5 4.9-6.1s4.8-2.4 7.9-2.4c3.5 0 6.5 1.1 8.9 3.3s3.7 5.6 3.7 10.2v18.2h6.1v5.5zm42.5 0h-13.2V66c-1.2 2.2-2.8 4.1-4.9 5.6-2.1 1.6-4.8 2.4-8.3 2.4-4.8 0-8.7-1.6-11.6-4.9-2.9-3.2-4.3-7.7-4.3-13.3 0-5 1.3-9.6 4-13.7 2.6-4.1 6.9-6.2 12.8-6.2s9.8 2.2 12.3 6.5V22.7h-8.6v-5.6h15.8v50.6h6v5.5zm-13.3-16.8V52c-.1-3-1.2-5.5-3.2-7.3s-4.4-2.8-7.2-2.8c-3.6 0-6.3 1.3-8.2 3.9-1.9 2.6-2.8 5.8-2.8 9.6 0 4.1 1 7.3 3 9.5s4.5 3.3 7.4 3.3c3.2 0 5.8-1.3 7.8-3.8 2.1-2.6 3.1-5.3 3.2-8zm61.5 16.8H269v-5.5h6V51.9c0-3.7-.7-6.3-2.2-7.9-1.4-1.6-3.4-2.3-5.7-2.3-3.1 0-5.6 1-7.4 3s-2.8 4.4-2.9 7v15.9h6v5.5h-19.3v-5.5h6V42.4h-6.2v-5.6h13.6V43c2.6-4.6 6.8-6.9 12.7-6.9 3.6 0 6.7 1.1 9.2 3.3s3.7 5.6 3.7 10.2v18.2h6v5.4h-.2z" class="logo-text"></path></svg></a><button title="Open main menu" type="button" class="button action has-icon main-menu-toggle" aria-haspopup="menu" aria-label="Open main menu" aria-expanded="false"><span class="button-wrap"><span class="icon icon-menu "></span><span class="visually-hidden">Open main menu</span></span></button></div><div class="top-navigation-main"><nav class="main-nav" aria-label="Main menu"><ul class="main-menu nojs"><li class="top-level-entry-container active"><button type="button" id="references-button" class="top-level-entry menu-toggle" aria-controls="references-menu" aria-expanded="false">References</button><a href="/ko/docs/Web" class="top-level-entry">References</a><ul id="references-menu" class="submenu references hidden inline-submenu-lg" aria-labelledby="references-button"><li class="apis-link-container mobile-only "><a href="/ko/docs/Web" class="submenu-item "><div class="submenu-icon"></div><div class="submenu-content-container"><div class="submenu-item-heading">Overview / Web Technology</div><p class="submenu-item-description">Web technology reference for developers</p></div></a></li><li class="html-link-container "><a href="/ko/docs/Web/HTML" class="submenu-item "><div class="submenu-icon html"></div><div class="submenu-content-container"><div class="submenu-item-heading">HTML</div><p class="submenu-item-description">Structure of content on the web</p></div></a></li><li class="css-link-container "><a href="/ko/docs/Web/CSS" class="submenu-item "><div class="submenu-icon css"></div><div class="submenu-content-container"><div class="submenu-item-heading">CSS</div><p class="submenu-item-description">Code used to describe document style</p></div></a></li><li class="javascript-link-container "><a href="/ko/docs/Web/JavaScript" class="submenu-item "><div class="submenu-icon javascript"></div><div class="submenu-content-container"><div class="submenu-item-heading">JavaScript</div><p class="submenu-item-description">General-purpose scripting language</p></div></a></li><li class="http-link-container "><a href="/ko/docs/Web/HTTP" class="submenu-item "><div class="submenu-icon http"></div><div class="submenu-content-container"><div class="submenu-item-heading">HTTP</div><p class="submenu-item-description">Protocol for transmitting web resources</p></div></a></li><li class="apis-link-container "><a href="/ko/docs/Web/API" class="submenu-item "><div class="submenu-icon apis"></div><div class="submenu-content-container"><div class="submenu-item-heading">Web APIs</div><p class="submenu-item-description">Interfaces for building web applications</p></div></a></li><li class="apis-link-container "><a href="/ko/docs/Mozilla/Add-ons/WebExtensions" class="submenu-item "><div class="submenu-icon"></div><div class="submenu-content-container"><div class="submenu-item-heading">Web Extensions</div><p class="submenu-item-description">Developing extensions for web browsers</p></div></a></li><li class=" "><a href="/ko/docs/Web/Accessibility" class="submenu-item "><div class="submenu-icon"></div><div class="submenu-content-container"><div class="submenu-item-heading">Accessibility</div><p class="submenu-item-description">Build web projects usable for all</p></div></a></li><li class="apis-link-container desktop-only "><a href="/ko/docs/Web" class="submenu-item "><div class="submenu-icon"></div><div class="submenu-content-container"><div class="submenu-item-heading">Web Technology</div><p class="submenu-item-description">Web technology reference for developers</p></div></a></li></ul></li><li class="top-level-entry-container "><button type="button" id="learn-button" class="top-level-entry menu-toggle" aria-controls="learn-menu" aria-expanded="false">Learn</button><a href="/ko/docs/Learn_web_development" class="top-level-entry">Learn</a><ul id="learn-menu" class="submenu learn hidden inline-submenu-lg" aria-labelledby="learn-button"><li class="apis-link-container mobile-only "><a href="/ko/docs/Learn_web_development" class="submenu-item "><div class="submenu-icon learn"></div><div class="submenu-content-container"><div class="submenu-item-heading">Overview / MDN Learning Area</div><p class="submenu-item-description">Learn web development</p></div></a></li><li class="apis-link-container desktop-only "><a href="/ko/docs/Learn_web_development" class="submenu-item "><div class="submenu-icon learn"></div><div class="submenu-content-container"><div class="submenu-item-heading">MDN Learning Area</div><p class="submenu-item-description">Learn web development</p></div></a></li><li class="html-link-container "><a href="/ko/docs/Learn_web_development/Core/Structuring_content" class="submenu-item "><div class="submenu-icon html"></div><div class="submenu-content-container"><div class="submenu-item-heading">HTML</div><p class="submenu-item-description">Learn to structure web content with HTML</p></div></a></li><li class="css-link-container "><a href="/ko/docs/Learn_web_development/Core/Styling_basics" class="submenu-item "><div class="submenu-icon css"></div><div class="submenu-content-container"><div class="submenu-item-heading">CSS</div><p class="submenu-item-description">Learn to style content using CSS</p></div></a></li><li class="javascript-link-container "><a href="/ko/docs/Learn_web_development/Core/Scripting" class="submenu-item "><div class="submenu-icon javascript"></div><div class="submenu-content-container"><div class="submenu-item-heading">JavaScript</div><p class="submenu-item-description">Learn to run scripts in the browser</p></div></a></li><li class=" "><a href="/ko/docs/Learn_web_development/Core/Accessibility" class="submenu-item "><div class="submenu-icon"></div><div class="submenu-content-container"><div class="submenu-item-heading">Accessibility</div><p class="submenu-item-description">Learn to make the web accessible to all</p></div></a></li></ul></li><li class="top-level-entry-container "><button type="button" id="mdn-plus-button" class="top-level-entry menu-toggle" aria-controls="mdn-plus-menu" aria-expanded="false">Plus</button><a href="/ko/plus" class="top-level-entry">Plus</a><ul id="mdn-plus-menu" class="submenu mdn-plus hidden inline-submenu-lg" aria-labelledby="mdn-plus-button"><li class=" "><a href="/ko/plus" class="submenu-item "><div class="submenu-icon"></div><div class="submenu-content-container"><div class="submenu-item-heading">Overview</div><p class="submenu-item-description">A customized MDN experience</p></div></a></li><li class=" "><a href="/ko/plus/ai-help" class="submenu-item "><div class="submenu-icon"></div><div class="submenu-content-container"><div class="submenu-item-heading">AI Help</div><p class="submenu-item-description">Get real-time assistance and support</p></div></a></li><li class=" "><a href="/ko/plus/updates" class="submenu-item "><div class="submenu-icon"></div><div class="submenu-content-container"><div class="submenu-item-heading">Updates</div><p class="submenu-item-description">All browser compatibility updates at a glance</p></div></a></li><li class=" "><a href="/en-US/plus/docs/features/overview" class="submenu-item "><div class="submenu-icon"></div><div class="submenu-content-container"><div class="submenu-item-heading">Documentation</div><p class="submenu-item-description">Learn how to use MDN Plus</p></div></a></li><li class=" "><a href="/en-US/plus/docs/faq" class="submenu-item "><div class="submenu-icon"></div><div class="submenu-content-container"><div class="submenu-item-heading">FAQ</div><p class="submenu-item-description">Frequently asked questions about MDN Plus</p></div></a></li></ul></li><li class="top-level-entry-container "><a class="top-level-entry menu-link" href="/en-US/curriculum/">Curriculum <sup class="new">New</sup></a></li><li class="top-level-entry-container "><a class="top-level-entry menu-link" href="/en-US/blog/">Blog</a></li><li class="top-level-entry-container "><button type="button" id="tools-button" class="top-level-entry menu-toggle" aria-controls="tools-menu" aria-expanded="false">Tools</button><ul id="tools-menu" class="submenu tools hidden inline-submenu-lg" aria-labelledby="tools-button"><li class=" "><a href="/ko/play" class="submenu-item "><div class="submenu-icon"></div><div class="submenu-content-container"><div class="submenu-item-heading">Playground</div><p class="submenu-item-description">Write, test and share your code</p></div></a></li><li class=" "><a href="/en-US/observatory" class="submenu-item "><div class="submenu-icon"></div><div class="submenu-content-container"><div class="submenu-item-heading">HTTP Observatory</div><p class="submenu-item-description">Scan a website for free</p></div></a></li><li class=" "><a href="/en-US/plus/ai-help" class="submenu-item "><div class="submenu-icon"></div><div class="submenu-content-container"><div class="submenu-item-heading">AI Help</div><p class="submenu-item-description">Get real-time assistance and support</p></div></a></li></ul></li></ul></nav><div class="header-search"><form action="/ko/search" class="search-form search-widget" id="top-nav-search-form" role="search"><label id="top-nav-search-label" for="top-nav-search-input" class="visually-hidden">Search MDN</label><input aria-activedescendant="" aria-autocomplete="list" aria-controls="top-nav-search-menu" aria-expanded="false" aria-labelledby="top-nav-search-label" autoComplete="off" id="top-nav-search-input" role="combobox" type="search" class="search-input-field" name="q" placeholder=" " required="" value=""/><button type="button" class="button action has-icon clear-search-button"><span class="button-wrap"><span class="icon icon-cancel "></span><span class="visually-hidden">Clear search input</span></span></button><button type="submit" class="button action has-icon search-button"><span class="button-wrap"><span class="icon icon-search "></span><span class="visually-hidden">Search</span></span></button><div id="top-nav-search-menu" role="listbox" aria-labelledby="top-nav-search-label"></div></form></div><div class="theme-switcher-menu"><button type="button" class="button action has-icon theme-switcher-menu small" aria-haspopup="menu"><span class="button-wrap"><span class="icon icon-theme-os-default "></span>Theme</span></button></div><ul class="auth-container"><li><a href="/users/fxa/login/authenticate/?next=%2Fko%2Fdocs%2FWeb%2FCSS" class="login-link" rel="nofollow">Log in</a></li><li><a href="/users/fxa/login/authenticate/?next=%2Fko%2Fdocs%2FWeb%2FCSS" target="_self" rel="nofollow" class="button primary mdn-plus-subscribe-link"><span class="button-wrap">Sign up for free</span></a></li></ul></div></div></header><div class="article-actions-container"><div class="container"><button type="button" class="button action has-icon sidebar-button" aria-label="Expand sidebar" aria-expanded="false" aria-controls="sidebar-quicklinks"><span class="button-wrap"><span class="icon icon-sidebar "></span></span></button><nav class="breadcrumbs-container" aria-label="Breadcrumb"><ol typeof="BreadcrumbList" vocab="https://schema.org/" aria-label="breadcrumbs"><li property="itemListElement" typeof="ListItem"><a href="/ko/docs/Web" class="breadcrumb" property="item" typeof="WebPage"><span property="name">개발자를 위한 웹 기술</span></a><meta property="position" content="1"/></li><li property="itemListElement" typeof="ListItem"><a href="/ko/docs/Web/CSS" class="breadcrumb-current-page" property="item" typeof="WebPage"><span property="name">CSS</span></a><meta property="position" content="2"/></li></ol></nav><div class="article-actions"><button type="button" class="button action has-icon article-actions-toggle" aria-label="Article actions"><span class="button-wrap"><span class="icon icon-ellipses "></span><span class="article-actions-dialog-heading">Article Actions</span></span></button><ul class="article-actions-entries"><li class="article-actions-entry"><div class="languages-switcher-menu open-on-focus-within"><button id="languages-switcher-button" type="button" class="button action small has-icon languages-switcher-menu" aria-haspopup="menu"><span class="button-wrap"><span class="icon icon-language "></span>한국어</span></button><div class="hidden"><ul class="submenu language-menu " aria-labelledby="language-menu-button"><li class=" "><form class="submenu-item locale-redirect-setting"><div class="group"><label class="switch"><input type="checkbox" name="locale-redirect"/><span class="slider"></span><span class="label">Remember language</span></label><a href="https://github.com/orgs/mdn/discussions/739" rel="external noopener noreferrer" target="_blank" title="Enable this setting to automatically switch to this language when it's available. (Click to learn more.)"><span class="icon icon-question-mark "></span></a></div></form></li><li class=" "><a data-locale="en-US" href="/en-US/docs/Web/CSS" class="button submenu-item"><span>English (US)</span></a></li><li class=" "><a data-locale="de" href="/de/docs/Web/CSS" class="button submenu-item"><span>Deutsch</span><span title="Diese Übersetzung ist Teil eines Experiments."><span class="icon icon-experimental "></span></span></a></li><li class=" "><a data-locale="es" href="/es/docs/Web/CSS" class="button submenu-item"><span>Español</span></a></li><li class=" "><a data-locale="fr" href="/fr/docs/Web/CSS" class="button submenu-item"><span>Français</span></a></li><li class=" "><a data-locale="ja" href="/ja/docs/Web/CSS" class="button submenu-item"><span>日本語</span></a></li><li class=" "><a data-locale="pt-BR" href="/pt-BR/docs/Web/CSS" class="button submenu-item"><span>Português (do Brasil)</span></a></li><li class=" "><a data-locale="ru" href="/ru/docs/Web/CSS" class="button submenu-item"><span>Русский</span></a></li><li class=" "><a data-locale="zh-CN" href="/zh-CN/docs/Web/CSS" class="button submenu-item"><span>中文 (简体)</span></a></li><li class=" "><a data-locale="zh-TW" href="/zh-TW/docs/Web/CSS" class="button submenu-item"><span>正體中文 (繁體)</span></a></li></ul></div></div></li></ul></div></div></div></div><div class="container"><div class="notecard localized-content-note"><p><a href="/en-US/docs/MDN/Community/Contributing/Translated_content#active_locales">이 페이지는 영어로부터 커뮤니티에 의하여 번역되었습니다. MDN Web Docs에서 한국 커뮤니티에 가입하여 자세히 알아보세요.</a></p></div></div><div class="main-wrapper"><div class="sidebar-container"><aside id="sidebar-quicklinks" class="sidebar"><button type="button" class="button action backdrop" aria-label="Collapse sidebar"><span class="button-wrap"></span></button><nav aria-label="Related Topics" class="sidebar-inner"><header class="sidebar-actions"><section class="sidebar-filter-container"><div class="sidebar-filter "><label id="sidebar-filter-label" class="sidebar-filter-label" for="sidebar-filter-input"><span class="icon icon-filter"></span><span class="visually-hidden">Filter sidebar</span></label><input id="sidebar-filter-input" autoComplete="off" class="sidebar-filter-input-field false" type="text" placeholder="Filter" value=""/><button type="button" class="button action has-icon clear-sidebar-filter-button"><span class="button-wrap"><span class="icon icon-cancel "></span><span class="visually-hidden">Clear filter input</span></span></button></div></section></header><div class="sidebar-inner-nav"><div class="in-nav-toc"><div class="document-toc-container"><section class="document-toc"><header><h2 class="document-toc-heading">목차</h2></header><ul class="document-toc-list"><li class="document-toc-item "><a class="document-toc-link" href="#중요한_자료">중요한 자료</a></li><li class="document-toc-item "><a class="document-toc-link" href="#자습서">자습서</a></li><li class="document-toc-item "><a class="document-toc-link" href="#참고서">참고서</a></li><li class="document-toc-item "><a class="document-toc-link" href="#쿡북">쿡북</a></li><li class="document-toc-item "><a class="document-toc-link" href="#css_개발_도구">CSS 개발 도구</a></li><li class="document-toc-item "><a class="document-toc-link" href="#같이_보기">같이 보기</a></li></ul></section></div></div><div class="sidebar-body"><ol><li class="section"><em><a href="/ko/docs/Web/CSS" aria-current="page">CSS</a></em></li><li class="section"><a href="/ko/docs/Learn_web_development/Core/Styling_basics">Beginner's tutorials</a></li><li><a href="/ko/docs/Learn_web_development/Getting_started/Your_first_website/Styling_the_content">Your first website: Styling the content</a></li><li class="toggle"><details><summary><a href="/ko/docs/Learn_web_development/Core/Styling_basics">CSS styling basics</a></summary><ol><li><a href="/ko/docs/Learn_web_development/Core/Styling_basics/What_is_CSS">CSS 작동 방식</a></li><li><a href="/ko/docs/Learn_web_development/Core/Styling_basics/Getting_started">CSS 로 시작하기</a></li><li><a href="/ko/docs/Learn_web_development/Core/Styling_basics/Styling_a_bio_page">새로운 지식을 사용하기</a></li><li><a href="/ko/docs/Learn_web_development/Core/Styling_basics/Basic_selectors">CSS 선택자</a></li><li><a href="/ko/docs/Learn_web_development/Core/Styling_basics/Attribute_selectors">속성 선택자</a></li><li><a href="/ko/docs/Learn_web_development/Core/Styling_basics/Pseudo_classes_and_elements">의사 클래스와 의사 요소</a></li><li><a href="/ko/docs/Learn_web_development/Core/Styling_basics/Combinators">결합자</a></li><li><a href="/ko/docs/Learn_web_development/Core/Styling_basics/Box_model">박스 모델</a></li><li><a href="/ko/docs/Learn_web_development/Core/Styling_basics/Handling_conflicts">계단식 및 상속</a></li><li><a href="/ko/docs/Learn_web_development/Core/Styling_basics/Values_and_units">CSS 값과 단위</a></li><li><a href="/ko/docs/Learn_web_development/Core/Styling_basics/Sizing">CSS 에서 항목 크기 조정</a></li><li><a href="/en-US/docs/Learn_web_development/Core/Styling_basics/Backgrounds_and_borders" class="only-in-en-us">Backgrounds and borders</a></li><li><a href="/ko/docs/Learn_web_development/Core/Styling_basics/Overflow">콘텐츠 overflow</a></li><li><a href="/ko/docs/Learn_web_development/Core/Styling_basics/Images_media_forms">이미지, 미디어 및 양식 요소</a></li><li><a href="/ko/docs/Learn_web_development/Core/Styling_basics/Tables">표 스타일링</a></li><li><a href="/ko/docs/Learn_web_development/Core/Styling_basics/Debugging_CSS">CSS 디버깅</a></li><li><a href="/en-US/docs/Learn_web_development/Core/Styling_basics/Fundamental_CSS_comprehension" class="only-in-en-us">Challenge: Fundamental CSS comprehension</a></li><li><a href="/ko/docs/Learn_web_development/Core/Styling_basics/Fancy_letterheaded_paper">멋진 편지지 양식 만들기</a></li><li><a href="/ko/docs/Learn_web_development/Core/Styling_basics/Cool-looking_box">멋지게 보이는 박스</a></li></ol></details></li><li class="toggle"><details><summary><a href="/ko/docs/Learn_web_development/Core/Text_styling">CSS text styling</a></summary><ol><li><a href="/ko/docs/Learn_web_development/Core/Text_styling/Fundamentals">기본적인 텍스트 및 글꼴 스타일링</a></li><li><a href="/ko/docs/Learn_web_development/Core/Text_styling/Styling_lists">목록 스타일링</a></li><li><a href="/ko/docs/Learn_web_development/Core/Text_styling/Styling_links">스타일링 링크</a></li><li><a href="/ko/docs/Learn_web_development/Core/Text_styling/Web_fonts">웹 폰트</a></li><li><a href="/ko/docs/Learn_web_development/Core/Text_styling/Typesetting_a_homepage">커뮤니티 대학 홈페이지 레이아웃 구성하기</a></li></ol></details></li><li class="toggle"><details><summary><a href="/ko/docs/Learn_web_development/Core/CSS_layout">CSS 레이아웃</a></summary><ol><li><a href="/ko/docs/Learn_web_development/Core/CSS_layout/Introduction">CSS 레이아웃 입문서</a></li><li><a href="/ko/docs/Learn_web_development/Core/CSS_layout/Floats">Floats</a></li><li><a href="/ko/docs/Learn_web_development/Core/CSS_layout/Positioning">위치잡기</a></li><li><a href="/ko/docs/Learn_web_development/Core/CSS_layout/Flexbox">Flexbox</a></li><li><a href="/ko/docs/Learn_web_development/Core/CSS_layout/Grids">그리드</a></li><li><a href="/ko/docs/Learn_web_development/Core/CSS_layout/Responsive_Design">반응형 디자인</a></li><li><a href="/ko/docs/Learn_web_development/Core/CSS_layout/Media_queries">미디어 쿼리 초보자 안내서</a></li><li><a href="/ko/docs/Learn_web_development/Core/CSS_layout/Fundamental_Layout_Comprehension">레이아웃 이해의 핵심 사항</a></li></ol></details></li><li class="section"><a href="/ko/docs/Web/CSS/Reference">CSS 참고서</a></li><li class="toggle"><details><summary>Modules</summary><ol><li><a href="/en-US/docs/Web/CSS/CSS_anchor_positioning" class="only-in-en-us">CSS anchor positioning</a></li><li><a href="/en-US/docs/Web/CSS/CSS_animations" class="only-in-en-us">CSS animations</a></li><li><a href="/ko/docs/Web/CSS/CSS_backgrounds_and_borders">CSS 배경 및 테두리</a></li><li><a href="/ko/docs/Web/CSS/CSS_basic_user_interface">CSS Basic User Interface</a></li><li><a href="/en-US/docs/Web/CSS/CSS_box_alignment" class="only-in-en-us">CSS box alignment</a></li><li><a href="/ko/docs/Web/CSS/CSS_box_model">CSS box model</a></li><li><a href="/en-US/docs/Web/CSS/CSS_box_sizing" class="only-in-en-us">CSS box sizing</a></li><li><a href="/en-US/docs/Web/CSS/CSS_cascade" class="only-in-en-us">CSS cascading and inheritance</a></li><li><a href="/ko/docs/Web/CSS/CSS_color_adjustment">CSS 색상 조정</a></li><li><a href="/ko/docs/Web/CSS/CSS_colors">CSS colors</a></li><li><a href="/ko/docs/Web/CSS/CSS_compositing_and_blending">Compositing and Blending</a></li><li><a href="/ko/docs/Web/CSS/CSS_conditional_rules">CSS Conditional Rules</a></li><li><a href="/ko/docs/Web/CSS/CSS_containment">CSS Containment</a></li><li><a href="/ko/docs/Web/CSS/CSS_counter_styles">CSS counter styles</a></li><li><a href="/ko/docs/Web/CSS/CSS_cascading_variables">CSS Custom Properties for Cascading Variables</a></li><li><a href="/en-US/docs/Web/CSS/CSS_display" class="only-in-en-us">CSS display</a></li><li><a href="/ko/docs/Web/CSS/CSS_filter_effects">Filter Effects</a></li><li><a href="/ko/docs/Web/CSS/CSS_flexible_box_layout">CSS Flexible Box Layout</a></li><li><a href="/ko/docs/Web/CSS/CSS_font_loading">CSS font loading</a></li><li><a href="/ko/docs/Web/CSS/CSS_fonts">CSS Fonts</a></li><li><a href="/en-US/docs/Web/CSS/CSS_fragmentation" class="only-in-en-us">CSS fragmentation</a></li><li><a href="/ko/docs/Web/CSS/CSS_generated_content">CSS Generated Content</a></li><li><a href="/ko/docs/Web/CSS/CSS_grid_layout">CSS 그리드 레이아웃</a></li><li><a href="/ko/docs/Web/CSS/CSS_images">CSS Images</a></li><li><a href="/en-US/docs/Web/CSS/CSS_inline_layout" class="only-in-en-us">CSS inline layout</a></li><li><a href="/ko/docs/Web/CSS/CSS_lists">CSS Lists</a></li><li><a href="/ko/docs/Web/CSS/CSS_logical_properties_and_values">CSS 논리적 속성과 값</a></li><li><a href="/ko/docs/Web/CSS/CSS_masking">CSS Masking</a></li><li><a href="/ko/docs/Web/CSS/CSS_media_queries">미디어 쿼리</a></li><li><a href="/en-US/docs/Web/CSS/CSS_motion_path" class="only-in-en-us">CSS motion path</a></li><li><a href="/ko/docs/Web/CSS/CSS_multicol_layout">CSS Multi-column Layout</a></li><li><a href="/ko/docs/Web/CSS/CSS_namespaces">CSS Namespaces</a></li><li><a href="/ko/docs/Web/CSS/CSS_nesting">CSS nesting</a></li><li><a href="/en-US/docs/Web/CSS/CSS_overflow" class="only-in-en-us">CSS overflow</a></li><li><a href="/en-US/docs/Web/CSS/CSS_overscroll_behavior" class="only-in-en-us">CSS overscroll behavior</a></li><li><a href="/ko/docs/Web/CSS/CSS_paged_media">CSS paged media</a></li><li><a href="/ko/docs/Web/CSS/CSS_positioned_layout">CSS positioned layout</a></li><li><a href="/en-US/docs/Web/CSS/CSS_properties_and_values_API" class="only-in-en-us">CSS properties and values API</a></li><li><a href="/en-US/docs/Web/CSS/CSS_pseudo-elements" class="only-in-en-us">CSS pseudo-elements</a></li><li><a href="/ko/docs/Web/CSS/CSS_ruby_layout">CSS Ruby</a></li><li><a href="/en-US/docs/Web/CSS/CSS_scoping" class="only-in-en-us">CSS scoping</a></li><li><a href="/ko/docs/Web/CSS/CSS_scroll_snap">CSS Scroll Snap Points</a></li><li><a href="/en-US/docs/Web/CSS/CSS_scroll-driven_animations" class="only-in-en-us">CSS scroll-driven animations</a></li><li><a href="/ko/docs/Web/CSS/CSS_scrollbars_styling">CSS Scrollbars</a></li><li><a href="/ko/docs/Web/CSS/CSS_selectors">CSS 선택자</a></li><li><a href="/en-US/docs/Web/CSS/CSS_shadow_parts" class="only-in-en-us">CSS shadow parts</a></li><li><a href="/ko/docs/Web/CSS/CSS_shapes">CSS Shapes</a></li><li><a href="/ko/docs/Web/CSS/CSS_syntax">CSS Charsets</a></li><li><a href="/ko/docs/Web/CSS/CSS_table">CSS Table</a></li><li><a href="/ko/docs/Web/CSS/CSS_text">CSS text</a></li><li><a href="/ko/docs/Web/CSS/CSS_text_decoration">CSS Text Decoration</a></li><li><a href="/en-US/docs/Web/CSS/CSS_transforms" class="only-in-en-us">CSS transforms</a></li><li><a href="/ko/docs/Web/CSS/CSS_transitions">CSS Transitions</a></li><li><a href="/ko/docs/Web/CSS/CSS_Values_and_Units">CSS 단위와 값</a></li><li><a href="/en-US/docs/Web/CSS/CSS_view_transitions" class="only-in-en-us">CSS view transitions</a></li><li><a href="/ko/docs/Web/CSS/CSS_writing_modes">CSS Writing Modes</a></li><li><a href="/ko/docs/Web/CSS/CSSOM_view">CSSOM view</a></li></ol></details></li><li class="toggle"><details><summary>Properties</summary><ol><li class="toggle"><details><summary>-moz-*</summary><ol><li><a href="/en-US/docs/Web/CSS/-moz-float-edge" class="only-in-en-us">-moz-float-edge</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr><abbr class="icon icon-deprecated" title="지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요."> <span class="visually-hidden">지원이 중단되었습니다</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/-moz-force-broken-image-icon" class="only-in-en-us">-moz-force-broken-image-icon</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr><abbr class="icon icon-deprecated" title="지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요."> <span class="visually-hidden">지원이 중단되었습니다</span> </abbr></li><li><a href="/ko/docs/Web/CSS/-moz-image-region">-moz-image-region</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/-moz-orient" class="only-in-en-us">-moz-orient</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/-moz-user-focus" class="only-in-en-us">-moz-user-focus</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr><abbr class="icon icon-deprecated" title="지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요."> <span class="visually-hidden">지원이 중단되었습니다</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/-moz-user-input" class="only-in-en-us">-moz-user-input</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr><abbr class="icon icon-deprecated" title="지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요."> <span class="visually-hidden">지원이 중단되었습니다</span> </abbr></li></ol></details></li><li class="toggle"><details><summary>-webkit-*</summary><ol><li><a href="/en-US/docs/Web/CSS/-webkit-border-before" class="only-in-en-us">-webkit-border-before</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/-webkit-box-reflect" class="only-in-en-us">-webkit-box-reflect</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/-webkit-mask-box-image" class="only-in-en-us">-webkit-mask-box-image</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/-webkit-mask-composite" class="only-in-en-us">-webkit-mask-composite</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/-webkit-mask-position-x" class="only-in-en-us">-webkit-mask-position-x</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/-webkit-mask-position-y" class="only-in-en-us">-webkit-mask-position-y</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/-webkit-mask-repeat-x" class="only-in-en-us">-webkit-mask-repeat-x</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/-webkit-mask-repeat-y" class="only-in-en-us">-webkit-mask-repeat-y</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/-webkit-tap-highlight-color" class="only-in-en-us">-webkit-tap-highlight-color</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/-webkit-text-fill-color" class="only-in-en-us">-webkit-text-fill-color</a></li><li><a href="/en-US/docs/Web/CSS/-webkit-text-security" class="only-in-en-us">-webkit-text-security</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/-webkit-text-stroke" class="only-in-en-us">-webkit-text-stroke</a></li><li><a href="/en-US/docs/Web/CSS/-webkit-text-stroke-color" class="only-in-en-us">-webkit-text-stroke-color</a></li><li><a href="/en-US/docs/Web/CSS/-webkit-text-stroke-width" class="only-in-en-us">-webkit-text-stroke-width</a></li><li><a href="/en-US/docs/Web/CSS/-webkit-touch-callout" class="only-in-en-us">-webkit-touch-callout</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li></ol></details></li><li><a href="/en-US/docs/Web/CSS/--*" class="only-in-en-us">Custom properties (--*): CSS variables</a></li><li><a href="/ko/docs/Web/CSS/accent-color">accent-color</a></li><li class="toggle"><details><summary>align-*</summary><ol><li><a href="/ko/docs/Web/CSS/align-content">align-content</a></li><li><a href="/ko/docs/Web/CSS/align-items">align-items</a></li><li><a href="/en-US/docs/Web/CSS/align-self" class="only-in-en-us">align-self</a></li></ol></details></li><li><a href="/en-US/docs/Web/CSS/alignment-baseline" class="only-in-en-us">alignment-baseline</a></li><li><a href="/ko/docs/Web/CSS/all">all</a></li><li><a href="/en-US/docs/Web/CSS/anchor-name" class="only-in-en-us">anchor-name</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li class="toggle"><details><summary>animation-*</summary><ol><li><a href="/ko/docs/Web/CSS/animation">animation</a></li><li><a href="/en-US/docs/Web/CSS/animation-composition" class="only-in-en-us">animation-composition</a></li><li><a href="/ko/docs/Web/CSS/animation-delay">animation-delay</a></li><li><a href="/ko/docs/Web/CSS/animation-direction">animation-direction</a></li><li><a href="/ko/docs/Web/CSS/animation-duration">animation-duration</a></li><li><a href="/ko/docs/Web/CSS/animation-fill-mode">animation-fill-mode</a></li><li><a href="/ko/docs/Web/CSS/animation-iteration-count">animation-iteration-count</a></li><li><a href="/en-US/docs/Web/CSS/animation-name" class="only-in-en-us">animation-name</a></li><li><a href="/en-US/docs/Web/CSS/animation-play-state" class="only-in-en-us">animation-play-state</a></li><li><a href="/en-US/docs/Web/CSS/animation-range" class="only-in-en-us">animation-range</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/animation-range-end" class="only-in-en-us">animation-range-end</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/animation-range-start" class="only-in-en-us">animation-range-start</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/animation-timeline" class="only-in-en-us">animation-timeline</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/animation-timing-function" class="only-in-en-us">animation-timing-function</a></li></ol></details></li><li><a href="/en-US/docs/Web/CSS/appearance" class="only-in-en-us">appearance</a></li><li><a href="/en-US/docs/Web/CSS/aspect-ratio" class="only-in-en-us">aspect-ratio</a></li><li><a href="/ko/docs/Web/CSS/backdrop-filter">backdrop-filter</a></li><li><a href="/ko/docs/Web/CSS/backface-visibility">backface-visibility</a></li><li class="toggle"><details><summary>background-*</summary><ol><li><a href="/ko/docs/Web/CSS/background">background</a></li><li><a href="/ko/docs/Web/CSS/background-attachment">background-attachment</a></li><li><a href="/en-US/docs/Web/CSS/background-blend-mode" class="only-in-en-us">background-blend-mode</a></li><li><a href="/ko/docs/Web/CSS/background-clip">background-clip</a></li><li><a href="/ko/docs/Web/CSS/background-color">background-color</a></li><li><a href="/ko/docs/Web/CSS/background-image">background-image</a></li><li><a href="/ko/docs/Web/CSS/background-origin">background-origin</a></li><li><a href="/en-US/docs/Web/CSS/background-position" class="only-in-en-us">background-position</a></li><li><a href="/en-US/docs/Web/CSS/background-position-x" class="only-in-en-us">background-position-x</a></li><li><a href="/en-US/docs/Web/CSS/background-position-y" class="only-in-en-us">background-position-y</a></li><li><a href="/ko/docs/Web/CSS/background-repeat">background-repeat</a></li><li><a href="/en-US/docs/Web/CSS/background-size" class="only-in-en-us">background-size</a></li></ol></details></li><li><a href="/en-US/docs/Web/CSS/block-size" class="only-in-en-us">block-size</a></li><li class="toggle"><details><summary>border-*</summary><ol><li><a href="/ko/docs/Web/CSS/border">border</a></li><li><a href="/en-US/docs/Web/CSS/border-block" class="only-in-en-us">border-block</a></li><li><a href="/en-US/docs/Web/CSS/border-block-color" class="only-in-en-us">border-block-color</a></li><li><a href="/en-US/docs/Web/CSS/border-block-end" class="only-in-en-us">border-block-end</a></li><li><a href="/en-US/docs/Web/CSS/border-block-end-color" class="only-in-en-us">border-block-end-color</a></li><li><a href="/en-US/docs/Web/CSS/border-block-end-style" class="only-in-en-us">border-block-end-style</a></li><li><a href="/en-US/docs/Web/CSS/border-block-end-width" class="only-in-en-us">border-block-end-width</a></li><li><a href="/en-US/docs/Web/CSS/border-block-start" class="only-in-en-us">border-block-start</a></li><li><a href="/en-US/docs/Web/CSS/border-block-start-color" class="only-in-en-us">border-block-start-color</a></li><li><a href="/en-US/docs/Web/CSS/border-block-start-style" class="only-in-en-us">border-block-start-style</a></li><li><a href="/en-US/docs/Web/CSS/border-block-start-width" class="only-in-en-us">border-block-start-width</a></li><li><a href="/en-US/docs/Web/CSS/border-block-style" class="only-in-en-us">border-block-style</a></li><li><a href="/en-US/docs/Web/CSS/border-block-width" class="only-in-en-us">border-block-width</a></li><li><a href="/ko/docs/Web/CSS/border-bottom">border-bottom</a></li><li><a href="/ko/docs/Web/CSS/border-bottom-color">border-bottom-color</a></li><li><a href="/en-US/docs/Web/CSS/border-bottom-left-radius" class="only-in-en-us">border-bottom-left-radius</a></li><li><a href="/en-US/docs/Web/CSS/border-bottom-right-radius" class="only-in-en-us">border-bottom-right-radius</a></li><li><a href="/ko/docs/Web/CSS/border-bottom-style">border-bottom-style</a></li><li><a href="/ko/docs/Web/CSS/border-bottom-width">border-bottom-width</a></li><li><a href="/ko/docs/Web/CSS/border-collapse">border-collapse</a></li><li><a href="/ko/docs/Web/CSS/border-color">border-color</a></li><li><a href="/en-US/docs/Web/CSS/border-end-end-radius" class="only-in-en-us">border-end-end-radius</a></li><li><a href="/en-US/docs/Web/CSS/border-end-start-radius" class="only-in-en-us">border-end-start-radius</a></li><li><a href="/ko/docs/Web/CSS/border-image">border-image</a></li><li><a href="/ko/docs/Web/CSS/border-image-outset">border-image-outset</a></li><li><a href="/ko/docs/Web/CSS/border-image-repeat">border-image-repeat</a></li><li><a href="/ko/docs/Web/CSS/border-image-slice">border-image-slice</a></li><li><a href="/ko/docs/Web/CSS/border-image-source">border-image-source</a></li><li><a href="/ko/docs/Web/CSS/border-image-width">border-image-width</a></li><li><a href="/en-US/docs/Web/CSS/border-inline" class="only-in-en-us">border-inline</a></li><li><a href="/en-US/docs/Web/CSS/border-inline-color" class="only-in-en-us">border-inline-color</a></li><li><a href="/en-US/docs/Web/CSS/border-inline-end" class="only-in-en-us">border-inline-end</a></li><li><a href="/en-US/docs/Web/CSS/border-inline-end-color" class="only-in-en-us">border-inline-end-color</a></li><li><a href="/en-US/docs/Web/CSS/border-inline-end-style" class="only-in-en-us">border-inline-end-style</a></li><li><a href="/en-US/docs/Web/CSS/border-inline-end-width" class="only-in-en-us">border-inline-end-width</a></li><li><a href="/en-US/docs/Web/CSS/border-inline-start" class="only-in-en-us">border-inline-start</a></li><li><a href="/en-US/docs/Web/CSS/border-inline-start-color" class="only-in-en-us">border-inline-start-color</a></li><li><a href="/en-US/docs/Web/CSS/border-inline-start-style" class="only-in-en-us">border-inline-start-style</a></li><li><a href="/en-US/docs/Web/CSS/border-inline-start-width" class="only-in-en-us">border-inline-start-width</a></li><li><a href="/en-US/docs/Web/CSS/border-inline-style" class="only-in-en-us">border-inline-style</a></li><li><a href="/en-US/docs/Web/CSS/border-inline-width" class="only-in-en-us">border-inline-width</a></li><li><a href="/ko/docs/Web/CSS/border-left">border-left</a></li><li><a href="/ko/docs/Web/CSS/border-left-color">border-left-color</a></li><li><a href="/ko/docs/Web/CSS/border-left-style">border-left-style</a></li><li><a href="/ko/docs/Web/CSS/border-left-width">border-left-width</a></li><li><a href="/ko/docs/Web/CSS/border-radius">border-radius</a></li><li><a href="/ko/docs/Web/CSS/border-right">border-right</a></li><li><a href="/ko/docs/Web/CSS/border-right-color">border-right-color</a></li><li><a href="/ko/docs/Web/CSS/border-right-style">border-right-style</a></li><li><a href="/ko/docs/Web/CSS/border-right-width">border-right-width</a></li><li><a href="/ko/docs/Web/CSS/border-spacing">border-spacing</a></li><li><a href="/en-US/docs/Web/CSS/border-start-end-radius" class="only-in-en-us">border-start-end-radius</a></li><li><a href="/en-US/docs/Web/CSS/border-start-start-radius" class="only-in-en-us">border-start-start-radius</a></li><li><a href="/ko/docs/Web/CSS/border-style">border-style</a></li><li><a href="/ko/docs/Web/CSS/border-top">border-top</a></li><li><a href="/ko/docs/Web/CSS/border-top-color">border-top-color</a></li><li><a href="/en-US/docs/Web/CSS/border-top-left-radius" class="only-in-en-us">border-top-left-radius</a></li><li><a href="/en-US/docs/Web/CSS/border-top-right-radius" class="only-in-en-us">border-top-right-radius</a></li><li><a href="/ko/docs/Web/CSS/border-top-style">border-top-style</a></li><li><a href="/ko/docs/Web/CSS/border-top-width">border-top-width</a></li><li><a href="/ko/docs/Web/CSS/border-width">border-width</a></li></ol></details></li><li><a href="/en-US/docs/Web/CSS/bottom" class="only-in-en-us">bottom</a></li><li class="toggle"><details><summary>box-*</summary><ol><li><a href="/en-US/docs/Web/CSS/box-align" class="only-in-en-us">box-align</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr><abbr class="icon icon-deprecated" title="지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요."> <span class="visually-hidden">지원이 중단되었습니다</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/box-decoration-break" class="only-in-en-us">box-decoration-break</a></li><li><a href="/en-US/docs/Web/CSS/box-direction" class="only-in-en-us">box-direction</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr><abbr class="icon icon-deprecated" title="지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요."> <span class="visually-hidden">지원이 중단되었습니다</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/box-flex" class="only-in-en-us">box-flex</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr><abbr class="icon icon-deprecated" title="지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요."> <span class="visually-hidden">지원이 중단되었습니다</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/box-flex-group" class="only-in-en-us">box-flex-group</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr><abbr class="icon icon-deprecated" title="지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요."> <span class="visually-hidden">지원이 중단되었습니다</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/box-lines" class="only-in-en-us">box-lines</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr><abbr class="icon icon-deprecated" title="지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요."> <span class="visually-hidden">지원이 중단되었습니다</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/box-ordinal-group" class="only-in-en-us">box-ordinal-group</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr><abbr class="icon icon-deprecated" title="지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요."> <span class="visually-hidden">지원이 중단되었습니다</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/box-orient" class="only-in-en-us">box-orient</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr><abbr class="icon icon-deprecated" title="지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요."> <span class="visually-hidden">지원이 중단되었습니다</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/box-pack" class="only-in-en-us">box-pack</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr><abbr class="icon icon-deprecated" title="지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요."> <span class="visually-hidden">지원이 중단되었습니다</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/box-shadow" class="only-in-en-us">box-shadow</a></li><li><a href="/ko/docs/Web/CSS/box-sizing">box-sizing</a></li></ol></details></li><li class="toggle"><details><summary>break-*</summary><ol><li><a href="/en-US/docs/Web/CSS/break-after" class="only-in-en-us">break-after</a></li><li><a href="/en-US/docs/Web/CSS/break-before" class="only-in-en-us">break-before</a></li><li><a href="/en-US/docs/Web/CSS/break-inside" class="only-in-en-us">break-inside</a></li></ol></details></li><li><a href="/en-US/docs/Web/CSS/caption-side" class="only-in-en-us">caption-side</a></li><li><a href="/en-US/docs/Web/CSS/caret-color" class="only-in-en-us">caret-color</a></li><li><a href="/ko/docs/Web/CSS/clear">clear</a></li><li class="toggle"><details><summary>clip-*</summary><ol><li><a href="/en-US/docs/Web/CSS/clip" class="only-in-en-us">clip</a><abbr class="icon icon-deprecated" title="지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요."> <span class="visually-hidden">지원이 중단되었습니다</span> </abbr></li><li><a href="/ko/docs/Web/CSS/clip-path">clip-path</a></li><li><a href="/en-US/docs/Web/CSS/clip-rule" class="only-in-en-us">clip-rule</a></li></ol></details></li><li class="toggle"><details><summary>color-*</summary><ol><li><a href="/ko/docs/Web/CSS/color">color</a></li><li><a href="/en-US/docs/Web/CSS/color-interpolation" class="only-in-en-us">color-interpolation</a></li><li><a href="/en-US/docs/Web/CSS/color-interpolation-filters" class="only-in-en-us">color-interpolation-filters</a></li><li><a href="/en-US/docs/Web/CSS/color-scheme" class="only-in-en-us">color-scheme</a></li></ol></details></li><li class="toggle"><details><summary>column-*</summary><ol><li><a href="/en-US/docs/Web/CSS/column-count" class="only-in-en-us">column-count</a></li><li><a href="/en-US/docs/Web/CSS/column-fill" class="only-in-en-us">column-fill</a></li><li><a href="/en-US/docs/Web/CSS/column-gap" class="only-in-en-us">column-gap</a></li><li><a href="/en-US/docs/Web/CSS/column-rule" class="only-in-en-us">column-rule</a></li><li><a href="/en-US/docs/Web/CSS/column-rule-color" class="only-in-en-us">column-rule-color</a></li><li><a href="/en-US/docs/Web/CSS/column-rule-style" class="only-in-en-us">column-rule-style</a></li><li><a href="/en-US/docs/Web/CSS/column-rule-width" class="only-in-en-us">column-rule-width</a></li><li><a href="/en-US/docs/Web/CSS/column-span" class="only-in-en-us">column-span</a></li><li><a href="/en-US/docs/Web/CSS/column-width" class="only-in-en-us">column-width</a></li></ol></details></li><li><a href="/en-US/docs/Web/CSS/columns" class="only-in-en-us">columns</a></li><li class="toggle"><details><summary>contain-*</summary><ol><li><a href="/ko/docs/Web/CSS/contain">contain</a></li><li><a href="/en-US/docs/Web/CSS/contain-intrinsic-block-size" class="only-in-en-us">contain-intrinsic-block-size</a></li><li><a href="/en-US/docs/Web/CSS/contain-intrinsic-height" class="only-in-en-us">contain-intrinsic-height</a></li><li><a href="/en-US/docs/Web/CSS/contain-intrinsic-inline-size" class="only-in-en-us">contain-intrinsic-inline-size</a></li><li><a href="/en-US/docs/Web/CSS/contain-intrinsic-size" class="only-in-en-us">contain-intrinsic-size</a></li><li><a href="/en-US/docs/Web/CSS/contain-intrinsic-width" class="only-in-en-us">contain-intrinsic-width</a></li></ol></details></li><li class="toggle"><details><summary>container-*</summary><ol><li><a href="/en-US/docs/Web/CSS/container" class="only-in-en-us">container</a></li><li><a href="/en-US/docs/Web/CSS/container-name" class="only-in-en-us">container-name</a></li><li><a href="/en-US/docs/Web/CSS/container-type" class="only-in-en-us">container-type</a></li></ol></details></li><li><a href="/ko/docs/Web/CSS/content">content</a></li><li><a href="/ko/docs/Web/CSS/content-visibility">content-visibility</a></li><li class="toggle"><details><summary>counter-*</summary><ol><li><a href="/en-US/docs/Web/CSS/counter-increment" class="only-in-en-us">counter-increment</a></li><li><a href="/en-US/docs/Web/CSS/counter-reset" class="only-in-en-us">counter-reset</a></li><li><a href="/en-US/docs/Web/CSS/counter-set" class="only-in-en-us">counter-set</a></li></ol></details></li><li><a href="/ko/docs/Web/CSS/cursor">cursor</a></li><li><a href="/en-US/docs/Web/CSS/cx" class="only-in-en-us">cx</a></li><li><a href="/en-US/docs/Web/CSS/cy" class="only-in-en-us">cy</a></li><li><a href="/en-US/docs/Web/CSS/d" class="only-in-en-us">d</a></li><li><a href="/en-US/docs/Web/CSS/direction" class="only-in-en-us">direction</a></li><li><a href="/en-US/docs/Web/CSS/display" class="only-in-en-us">display</a></li><li><a href="/en-US/docs/Web/CSS/dominant-baseline" class="only-in-en-us">dominant-baseline</a></li><li><a href="/en-US/docs/Web/CSS/empty-cells" class="only-in-en-us">empty-cells</a></li><li><a href="/en-US/docs/Web/CSS/field-sizing" class="only-in-en-us">field-sizing</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li class="toggle"><details><summary>fill-*</summary><ol><li><a href="/en-US/docs/Web/CSS/fill" class="only-in-en-us">fill</a></li><li><a href="/en-US/docs/Web/CSS/fill-opacity" class="only-in-en-us">fill-opacity</a></li><li><a href="/en-US/docs/Web/CSS/fill-rule" class="only-in-en-us">fill-rule</a></li></ol></details></li><li><a href="/ko/docs/Web/CSS/filter">filter</a></li><li class="toggle"><details><summary>flex-*</summary><ol><li><a href="/ko/docs/Web/CSS/flex">flex</a></li><li><a href="/ko/docs/Web/CSS/flex-basis">flex-basis</a></li><li><a href="/ko/docs/Web/CSS/flex-direction">flex-direction</a></li><li><a href="/ko/docs/Web/CSS/flex-flow">flex-flow</a></li><li><a href="/ko/docs/Web/CSS/flex-grow">flex-grow</a></li><li><a href="/ko/docs/Web/CSS/flex-shrink">flex-shrink</a></li><li><a href="/ko/docs/Web/CSS/flex-wrap">flex-wrap</a></li></ol></details></li><li><a href="/ko/docs/Web/CSS/float">float</a></li><li><a href="/en-US/docs/Web/CSS/flood-color" class="only-in-en-us">flood-color</a></li><li><a href="/en-US/docs/Web/CSS/flood-opacity" class="only-in-en-us">flood-opacity</a></li><li class="toggle"><details><summary>font-*</summary><ol><li><a href="/ko/docs/Web/CSS/font">font</a></li><li><a href="/en-US/docs/Web/CSS/font-family" class="only-in-en-us">font-family</a></li><li><a href="/ko/docs/Web/CSS/font-feature-settings">font-feature-settings</a></li><li><a href="/en-US/docs/Web/CSS/font-kerning" class="only-in-en-us">font-kerning</a></li><li><a href="/en-US/docs/Web/CSS/font-language-override" class="only-in-en-us">font-language-override</a></li><li><a href="/en-US/docs/Web/CSS/font-optical-sizing" class="only-in-en-us">font-optical-sizing</a></li><li><a href="/en-US/docs/Web/CSS/font-palette" class="only-in-en-us">font-palette</a></li><li><a href="/ko/docs/Web/CSS/font-size">font-size</a></li><li><a href="/en-US/docs/Web/CSS/font-size-adjust" class="only-in-en-us">font-size-adjust</a></li><li><a href="/en-US/docs/Web/CSS/font-smooth" class="only-in-en-us">font-smooth</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/font-stretch" class="only-in-en-us">font-stretch</a></li><li><a href="/en-US/docs/Web/CSS/font-style" class="only-in-en-us">font-style</a></li><li><a href="/ko/docs/Web/CSS/font-synthesis">font-synthesis</a></li><li><a href="/en-US/docs/Web/CSS/font-synthesis-position" class="only-in-en-us">font-synthesis-position</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/font-synthesis-small-caps" class="only-in-en-us">font-synthesis-small-caps</a></li><li><a href="/en-US/docs/Web/CSS/font-synthesis-style" class="only-in-en-us">font-synthesis-style</a></li><li><a href="/en-US/docs/Web/CSS/font-synthesis-weight" class="only-in-en-us">font-synthesis-weight</a></li><li><a href="/en-US/docs/Web/CSS/font-variant" class="only-in-en-us">font-variant</a></li><li><a href="/en-US/docs/Web/CSS/font-variant-alternates" class="only-in-en-us">font-variant-alternates</a></li><li><a href="/en-US/docs/Web/CSS/font-variant-caps" class="only-in-en-us">font-variant-caps</a></li><li><a href="/en-US/docs/Web/CSS/font-variant-east-asian" class="only-in-en-us">font-variant-east-asian</a></li><li><a href="/en-US/docs/Web/CSS/font-variant-emoji" class="only-in-en-us">font-variant-emoji</a></li><li><a href="/en-US/docs/Web/CSS/font-variant-ligatures" class="only-in-en-us">font-variant-ligatures</a></li><li><a href="/en-US/docs/Web/CSS/font-variant-numeric" class="only-in-en-us">font-variant-numeric</a></li><li><a href="/en-US/docs/Web/CSS/font-variant-position" class="only-in-en-us">font-variant-position</a></li><li><a href="/en-US/docs/Web/CSS/font-variation-settings" class="only-in-en-us">font-variation-settings</a></li><li><a href="/ko/docs/Web/CSS/font-weight">font-weight</a></li></ol></details></li><li><a href="/en-US/docs/Web/CSS/forced-color-adjust" class="only-in-en-us">forced-color-adjust</a></li><li><a href="/ko/docs/Web/CSS/gap">gap</a></li><li class="toggle"><details><summary>grid-*</summary><ol><li><a href="/en-US/docs/Web/CSS/grid" class="only-in-en-us">grid</a></li><li><a href="/en-US/docs/Web/CSS/grid-area" class="only-in-en-us">grid-area</a></li><li><a href="/en-US/docs/Web/CSS/grid-auto-columns" class="only-in-en-us">grid-auto-columns</a></li><li><a href="/en-US/docs/Web/CSS/grid-auto-flow" class="only-in-en-us">grid-auto-flow</a></li><li><a href="/en-US/docs/Web/CSS/grid-auto-rows" class="only-in-en-us">grid-auto-rows</a></li><li><a href="/en-US/docs/Web/CSS/grid-column" class="only-in-en-us">grid-column</a></li><li><a href="/en-US/docs/Web/CSS/grid-column-end" class="only-in-en-us">grid-column-end</a></li><li><a href="/en-US/docs/Web/CSS/grid-column-start" class="only-in-en-us">grid-column-start</a></li><li><a href="/en-US/docs/Web/CSS/grid-row" class="only-in-en-us">grid-row</a></li><li><a href="/en-US/docs/Web/CSS/grid-row-end" class="only-in-en-us">grid-row-end</a></li><li><a href="/en-US/docs/Web/CSS/grid-row-start" class="only-in-en-us">grid-row-start</a></li><li><a href="/en-US/docs/Web/CSS/grid-template" class="only-in-en-us">grid-template</a></li><li><a href="/en-US/docs/Web/CSS/grid-template-areas" class="only-in-en-us">grid-template-areas</a></li><li><a href="/ko/docs/Web/CSS/grid-template-columns">grid-template-columns</a></li><li><a href="/en-US/docs/Web/CSS/grid-template-rows" class="only-in-en-us">grid-template-rows</a></li></ol></details></li><li><a href="/en-US/docs/Web/CSS/hanging-punctuation" class="only-in-en-us">hanging-punctuation</a></li><li><a href="/ko/docs/Web/CSS/height">height</a></li><li><a href="/en-US/docs/Web/CSS/hyphenate-character" class="only-in-en-us">hyphenate-character</a></li><li><a href="/en-US/docs/Web/CSS/hyphenate-limit-chars" class="only-in-en-us">hyphenate-limit-chars</a></li><li><a href="/ko/docs/Web/CSS/hyphens">hyphens</a></li><li class="toggle"><details><summary>image-*</summary><ol><li><a href="/en-US/docs/Web/CSS/image-orientation" class="only-in-en-us">image-orientation</a></li><li><a href="/ko/docs/Web/CSS/image-rendering">image-rendering</a></li><li><a href="/en-US/docs/Web/CSS/image-resolution" class="only-in-en-us">image-resolution</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li></ol></details></li><li><a href="/en-US/docs/Web/CSS/initial-letter" class="only-in-en-us">initial-letter</a></li><li><a href="/en-US/docs/Web/CSS/inline-size" class="only-in-en-us">inline-size</a></li><li class="toggle"><details><summary>inset-*</summary><ol><li><a href="/en-US/docs/Web/CSS/inset" class="only-in-en-us">inset</a></li><li><a href="/en-US/docs/Web/CSS/inset-block" class="only-in-en-us">inset-block</a></li><li><a href="/en-US/docs/Web/CSS/inset-block-end" class="only-in-en-us">inset-block-end</a></li><li><a href="/en-US/docs/Web/CSS/inset-block-start" class="only-in-en-us">inset-block-start</a></li><li><a href="/en-US/docs/Web/CSS/inset-inline" class="only-in-en-us">inset-inline</a></li><li><a href="/en-US/docs/Web/CSS/inset-inline-end" class="only-in-en-us">inset-inline-end</a></li><li><a href="/en-US/docs/Web/CSS/inset-inline-start" class="only-in-en-us">inset-inline-start</a></li></ol></details></li><li><a href="/en-US/docs/Web/CSS/interpolate-size" class="only-in-en-us">interpolate-size</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/ko/docs/Web/CSS/isolation">isolation</a></li><li class="toggle"><details><summary>justify-*</summary><ol><li><a href="/ko/docs/Web/CSS/justify-content">justify-content</a></li><li><a href="/en-US/docs/Web/CSS/justify-items" class="only-in-en-us">justify-items</a></li><li><a href="/en-US/docs/Web/CSS/justify-self" class="only-in-en-us">justify-self</a></li></ol></details></li><li><a href="/en-US/docs/Web/CSS/left" class="only-in-en-us">left</a></li><li><a href="/ko/docs/Web/CSS/letter-spacing">letter-spacing</a></li><li><a href="/en-US/docs/Web/CSS/lighting-color" class="only-in-en-us">lighting-color</a></li><li class="toggle"><details><summary>line-*</summary><ol><li><a href="/ko/docs/Web/CSS/line-break">line-break</a></li><li><a href="/ko/docs/Web/CSS/line-clamp">-webkit-line-clamp</a></li><li><a href="/en-US/docs/Web/CSS/line-height" class="only-in-en-us">line-height</a></li><li><a href="/en-US/docs/Web/CSS/line-height-step" class="only-in-en-us">line-height-step</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li></ol></details></li><li class="toggle"><details><summary>list-*</summary><ol><li><a href="/en-US/docs/Web/CSS/list-style" class="only-in-en-us">list-style</a></li><li><a href="/en-US/docs/Web/CSS/list-style-image" class="only-in-en-us">list-style-image</a></li><li><a href="/en-US/docs/Web/CSS/list-style-position" class="only-in-en-us">list-style-position</a></li><li><a href="/en-US/docs/Web/CSS/list-style-type" class="only-in-en-us">list-style-type</a></li></ol></details></li><li class="toggle"><details><summary>margin-*</summary><ol><li><a href="/ko/docs/Web/CSS/margin">margin</a></li><li><a href="/en-US/docs/Web/CSS/margin-block" class="only-in-en-us">margin-block</a></li><li><a href="/en-US/docs/Web/CSS/margin-block-end" class="only-in-en-us">margin-block-end</a></li><li><a href="/en-US/docs/Web/CSS/margin-block-start" class="only-in-en-us">margin-block-start</a></li><li><a href="/ko/docs/Web/CSS/margin-bottom">margin-bottom</a></li><li><a href="/en-US/docs/Web/CSS/margin-inline" class="only-in-en-us">margin-inline</a></li><li><a href="/en-US/docs/Web/CSS/margin-inline-end" class="only-in-en-us">margin-inline-end</a></li><li><a href="/en-US/docs/Web/CSS/margin-inline-start" class="only-in-en-us">margin-inline-start</a></li><li><a href="/ko/docs/Web/CSS/margin-left">margin-left</a></li><li><a href="/ko/docs/Web/CSS/margin-right">margin-right</a></li><li><a href="/ko/docs/Web/CSS/margin-top">margin-top</a></li><li><a href="/en-US/docs/Web/CSS/margin-trim" class="only-in-en-us">margin-trim</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li></ol></details></li><li class="toggle"><details><summary>marker-*</summary><ol><li><a href="/en-US/docs/Web/CSS/marker" class="only-in-en-us">marker</a></li><li><a href="/en-US/docs/Web/CSS/marker-end" class="only-in-en-us">marker-end</a></li><li><a href="/en-US/docs/Web/CSS/marker-mid" class="only-in-en-us">marker-mid</a></li><li><a href="/en-US/docs/Web/CSS/marker-start" class="only-in-en-us">marker-start</a></li></ol></details></li><li class="toggle"><details><summary>mask-*</summary><ol><li><a href="/ko/docs/Web/CSS/mask">mask</a></li><li><a href="/en-US/docs/Web/CSS/mask-border" class="only-in-en-us">mask-border</a></li><li><a href="/en-US/docs/Web/CSS/mask-border-mode" class="only-in-en-us">mask-border-mode</a></li><li><a href="/en-US/docs/Web/CSS/mask-border-outset" class="only-in-en-us">mask-border-outset</a></li><li><a href="/en-US/docs/Web/CSS/mask-border-repeat" class="only-in-en-us">mask-border-repeat</a></li><li><a href="/en-US/docs/Web/CSS/mask-border-slice" class="only-in-en-us">mask-border-slice</a></li><li><a href="/en-US/docs/Web/CSS/mask-border-source" class="only-in-en-us">mask-border-source</a></li><li><a href="/en-US/docs/Web/CSS/mask-border-width" class="only-in-en-us">mask-border-width</a></li><li><a href="/en-US/docs/Web/CSS/mask-clip" class="only-in-en-us">mask-clip</a></li><li><a href="/en-US/docs/Web/CSS/mask-composite" class="only-in-en-us">mask-composite</a></li><li><a href="/en-US/docs/Web/CSS/mask-image" class="only-in-en-us">mask-image</a></li><li><a href="/en-US/docs/Web/CSS/mask-mode" class="only-in-en-us">mask-mode</a></li><li><a href="/en-US/docs/Web/CSS/mask-origin" class="only-in-en-us">mask-origin</a></li><li><a href="/en-US/docs/Web/CSS/mask-position" class="only-in-en-us">mask-position</a></li><li><a href="/en-US/docs/Web/CSS/mask-repeat" class="only-in-en-us">mask-repeat</a></li><li><a href="/en-US/docs/Web/CSS/mask-size" class="only-in-en-us">mask-size</a></li><li><a href="/en-US/docs/Web/CSS/mask-type" class="only-in-en-us">mask-type</a></li></ol></details></li><li class="toggle"><details><summary>math-*</summary><ol><li><a href="/en-US/docs/Web/CSS/math-depth" class="only-in-en-us">math-depth</a></li><li><a href="/en-US/docs/Web/CSS/math-shift" class="only-in-en-us">math-shift</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/math-style" class="only-in-en-us">math-style</a></li></ol></details></li><li class="toggle"><details><summary>max-*</summary><ol><li><a href="/en-US/docs/Web/CSS/max-block-size" class="only-in-en-us">max-block-size</a></li><li><a href="/ko/docs/Web/CSS/max-height">max-height</a></li><li><a href="/en-US/docs/Web/CSS/max-inline-size" class="only-in-en-us">max-inline-size</a></li><li><a href="/ko/docs/Web/CSS/max-width">max-width</a></li></ol></details></li><li class="toggle"><details><summary>min-*</summary><ol><li><a href="/en-US/docs/Web/CSS/min-block-size" class="only-in-en-us">min-block-size</a></li><li><a href="/ko/docs/Web/CSS/min-height">min-height</a></li><li><a href="/en-US/docs/Web/CSS/min-inline-size" class="only-in-en-us">min-inline-size</a></li><li><a href="/ko/docs/Web/CSS/min-width">min-width</a></li></ol></details></li><li><a href="/ko/docs/Web/CSS/mix-blend-mode">mix-blend-mode</a></li><li><a href="/ko/docs/Web/CSS/object-fit">object-fit</a></li><li><a href="/ko/docs/Web/CSS/object-position">object-position</a></li><li class="toggle"><details><summary>offset-*</summary><ol><li><a href="/en-US/docs/Web/CSS/offset" class="only-in-en-us">offset</a></li><li><a href="/en-US/docs/Web/CSS/offset-anchor" class="only-in-en-us">offset-anchor</a></li><li><a href="/en-US/docs/Web/CSS/offset-distance" class="only-in-en-us">offset-distance</a></li><li><a href="/en-US/docs/Web/CSS/offset-path" class="only-in-en-us">offset-path</a></li><li><a href="/en-US/docs/Web/CSS/offset-position" class="only-in-en-us">offset-position</a></li><li><a href="/en-US/docs/Web/CSS/offset-rotate" class="only-in-en-us">offset-rotate</a></li></ol></details></li><li><a href="/ko/docs/Web/CSS/opacity">opacity</a></li><li><a href="/ko/docs/Web/CSS/order">order</a></li><li><a href="/en-US/docs/Web/CSS/orphans" class="only-in-en-us">orphans</a></li><li class="toggle"><details><summary>outline-*</summary><ol><li><a href="/ko/docs/Web/CSS/outline">outline</a></li><li><a href="/en-US/docs/Web/CSS/outline-color" class="only-in-en-us">outline-color</a></li><li><a href="/en-US/docs/Web/CSS/outline-offset" class="only-in-en-us">outline-offset</a></li><li><a href="/ko/docs/Web/CSS/outline-style">outline-style</a></li><li><a href="/ko/docs/Web/CSS/outline-width">outline-width</a></li></ol></details></li><li class="toggle"><details><summary>overflow-*</summary><ol><li><a href="/ko/docs/Web/CSS/overflow">overflow</a></li><li><a href="/ko/docs/Web/CSS/overflow-anchor">overflow-anchor</a></li><li><a href="/en-US/docs/Web/CSS/overflow-block" class="only-in-en-us">overflow-block</a></li><li><a href="/en-US/docs/Web/CSS/overflow-clip-margin" class="only-in-en-us">overflow-clip-margin</a></li><li><a href="/ko/docs/Web/CSS/overflow-inline">overflow-inline</a></li><li><a href="/ko/docs/Web/CSS/overflow-wrap">overflow-wrap</a></li><li><a href="/en-US/docs/Web/CSS/overflow-x" class="only-in-en-us">overflow-x</a></li><li><a href="/en-US/docs/Web/CSS/overflow-y" class="only-in-en-us">overflow-y</a></li></ol></details></li><li><a href="/en-US/docs/Web/CSS/overlay" class="only-in-en-us">overlay</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li class="toggle"><details><summary>overscroll-*</summary><ol><li><a href="/en-US/docs/Web/CSS/overscroll-behavior" class="only-in-en-us">overscroll-behavior</a></li><li><a href="/en-US/docs/Web/CSS/overscroll-behavior-block" class="only-in-en-us">overscroll-behavior-block</a></li><li><a href="/en-US/docs/Web/CSS/overscroll-behavior-inline" class="only-in-en-us">overscroll-behavior-inline</a></li><li><a href="/en-US/docs/Web/CSS/overscroll-behavior-x" class="only-in-en-us">overscroll-behavior-x</a></li><li><a href="/en-US/docs/Web/CSS/overscroll-behavior-y" class="only-in-en-us">overscroll-behavior-y</a></li></ol></details></li><li class="toggle"><details><summary>padding-*</summary><ol><li><a href="/ko/docs/Web/CSS/padding">padding</a></li><li><a href="/en-US/docs/Web/CSS/padding-block" class="only-in-en-us">padding-block</a></li><li><a href="/en-US/docs/Web/CSS/padding-block-end" class="only-in-en-us">padding-block-end</a></li><li><a href="/en-US/docs/Web/CSS/padding-block-start" class="only-in-en-us">padding-block-start</a></li><li><a href="/ko/docs/Web/CSS/padding-bottom">padding-bottom</a></li><li><a href="/en-US/docs/Web/CSS/padding-inline" class="only-in-en-us">padding-inline</a></li><li><a href="/en-US/docs/Web/CSS/padding-inline-end" class="only-in-en-us">padding-inline-end</a></li><li><a href="/en-US/docs/Web/CSS/padding-inline-start" class="only-in-en-us">padding-inline-start</a></li><li><a href="/ko/docs/Web/CSS/padding-left">padding-left</a></li><li><a href="/ko/docs/Web/CSS/padding-right">padding-right</a></li><li><a href="/ko/docs/Web/CSS/padding-top">padding-top</a></li></ol></details></li><li class="toggle"><details><summary>page-*</summary><ol><li><a href="/en-US/docs/Web/CSS/page" class="only-in-en-us">page</a></li><li><a href="/en-US/docs/Web/CSS/page-break-after" class="only-in-en-us">page-break-after</a><abbr class="icon icon-deprecated" title="지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요."> <span class="visually-hidden">지원이 중단되었습니다</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/page-break-before" class="only-in-en-us">page-break-before</a><abbr class="icon icon-deprecated" title="지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요."> <span class="visually-hidden">지원이 중단되었습니다</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/page-break-inside" class="only-in-en-us">page-break-inside</a><abbr class="icon icon-deprecated" title="지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요."> <span class="visually-hidden">지원이 중단되었습니다</span> </abbr></li></ol></details></li><li><a href="/ko/docs/Web/CSS/paint-order">paint-order</a></li><li><a href="/en-US/docs/Web/CSS/perspective" class="only-in-en-us">perspective</a></li><li><a href="/en-US/docs/Web/CSS/perspective-origin" class="only-in-en-us">perspective-origin</a></li><li class="toggle"><details><summary>place-*</summary><ol><li><a href="/ko/docs/Web/CSS/place-content">place-content</a></li><li><a href="/ko/docs/Web/CSS/place-items">place-items</a></li><li><a href="/ko/docs/Web/CSS/place-self">place-self</a></li></ol></details></li><li><a href="/en-US/docs/Web/CSS/pointer-events" class="only-in-en-us">pointer-events</a></li><li class="toggle"><details><summary>position-*</summary><ol><li><a href="/ko/docs/Web/CSS/position">position</a></li><li><a href="/en-US/docs/Web/CSS/position-anchor" class="only-in-en-us">position-anchor</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/position-area" class="only-in-en-us">position-area</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/position-try" class="only-in-en-us">position-try</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/position-try-fallbacks" class="only-in-en-us">position-try-fallbacks</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/position-try-order" class="only-in-en-us">position-try-order</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/position-visibility" class="only-in-en-us">position-visibility</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li></ol></details></li><li><a href="/en-US/docs/Web/CSS/print-color-adjust" class="only-in-en-us">print-color-adjust</a></li><li><a href="/en-US/docs/Web/CSS/quotes" class="only-in-en-us">quotes</a></li><li><a href="/en-US/docs/Web/CSS/r" class="only-in-en-us">r</a></li><li><a href="/ko/docs/Web/CSS/resize">resize</a></li><li><a href="/en-US/docs/Web/CSS/right" class="only-in-en-us">right</a></li><li><a href="/en-US/docs/Web/CSS/rotate" class="only-in-en-us">rotate</a></li><li><a href="/en-US/docs/Web/CSS/row-gap" class="only-in-en-us">row-gap</a></li><li><a href="/en-US/docs/Web/CSS/ruby-align" class="only-in-en-us">ruby-align</a></li><li><a href="/en-US/docs/Web/CSS/ruby-position" class="only-in-en-us">ruby-position</a></li><li><a href="/en-US/docs/Web/CSS/rx" class="only-in-en-us">rx</a></li><li><a href="/en-US/docs/Web/CSS/ry" class="only-in-en-us">ry</a></li><li><a href="/ko/docs/Web/CSS/scale">scale</a></li><li class="toggle"><details><summary>scroll-*</summary><ol><li><a href="/ko/docs/Web/CSS/scroll-behavior">스크롤 동작</a></li><li><a href="/en-US/docs/Web/CSS/scroll-margin" class="only-in-en-us">scroll-margin</a></li><li><a href="/en-US/docs/Web/CSS/scroll-margin-block" class="only-in-en-us">scroll-margin-block</a></li><li><a href="/en-US/docs/Web/CSS/scroll-margin-block-end" class="only-in-en-us">scroll-margin-block-end</a></li><li><a href="/en-US/docs/Web/CSS/scroll-margin-block-start" class="only-in-en-us">scroll-margin-block-start</a></li><li><a href="/en-US/docs/Web/CSS/scroll-margin-bottom" class="only-in-en-us">scroll-margin-bottom</a></li><li><a href="/en-US/docs/Web/CSS/scroll-margin-inline" class="only-in-en-us">scroll-margin-inline</a></li><li><a href="/en-US/docs/Web/CSS/scroll-margin-inline-end" class="only-in-en-us">scroll-margin-inline-end</a></li><li><a href="/en-US/docs/Web/CSS/scroll-margin-inline-start" class="only-in-en-us">scroll-margin-inline-start</a></li><li><a href="/en-US/docs/Web/CSS/scroll-margin-left" class="only-in-en-us">scroll-margin-left</a></li><li><a href="/en-US/docs/Web/CSS/scroll-margin-right" class="only-in-en-us">scroll-margin-right</a></li><li><a href="/en-US/docs/Web/CSS/scroll-margin-top" class="only-in-en-us">scroll-margin-top</a></li><li><a href="/en-US/docs/Web/CSS/scroll-padding" class="only-in-en-us">scroll-padding</a></li><li><a href="/en-US/docs/Web/CSS/scroll-padding-block" class="only-in-en-us">scroll-padding-block</a></li><li><a href="/en-US/docs/Web/CSS/scroll-padding-block-end" class="only-in-en-us">scroll-padding-block-end</a></li><li><a href="/en-US/docs/Web/CSS/scroll-padding-block-start" class="only-in-en-us">scroll-padding-block-start</a></li><li><a href="/en-US/docs/Web/CSS/scroll-padding-bottom" class="only-in-en-us">scroll-padding-bottom</a></li><li><a href="/en-US/docs/Web/CSS/scroll-padding-inline" class="only-in-en-us">scroll-padding-inline</a></li><li><a href="/en-US/docs/Web/CSS/scroll-padding-inline-end" class="only-in-en-us">scroll-padding-inline-end</a></li><li><a href="/en-US/docs/Web/CSS/scroll-padding-inline-start" class="only-in-en-us">scroll-padding-inline-start</a></li><li><a href="/en-US/docs/Web/CSS/scroll-padding-left" class="only-in-en-us">scroll-padding-left</a></li><li><a href="/en-US/docs/Web/CSS/scroll-padding-right" class="only-in-en-us">scroll-padding-right</a></li><li><a href="/en-US/docs/Web/CSS/scroll-padding-top" class="only-in-en-us">scroll-padding-top</a></li><li><a href="/en-US/docs/Web/CSS/scroll-snap-align" class="only-in-en-us">scroll-snap-align</a></li><li><a href="/en-US/docs/Web/CSS/scroll-snap-stop" class="only-in-en-us">scroll-snap-stop</a></li><li><a href="/en-US/docs/Web/CSS/scroll-snap-type" class="only-in-en-us">scroll-snap-type</a></li><li><a href="/en-US/docs/Web/CSS/scroll-timeline" class="only-in-en-us">scroll-timeline</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/scroll-timeline-axis" class="only-in-en-us">scroll-timeline-axis</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/scroll-timeline-name" class="only-in-en-us">scroll-timeline-name</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li></ol></details></li><li class="toggle"><details><summary>scrollbar-*</summary><ol><li><a href="/en-US/docs/Web/CSS/scrollbar-color" class="only-in-en-us">scrollbar-color</a></li><li><a href="/en-US/docs/Web/CSS/scrollbar-gutter" class="only-in-en-us">scrollbar-gutter</a></li><li><a href="/en-US/docs/Web/CSS/scrollbar-width" class="only-in-en-us">scrollbar-width</a></li></ol></details></li><li class="toggle"><details><summary>shape-*</summary><ol><li><a href="/en-US/docs/Web/CSS/shape-image-threshold" class="only-in-en-us">shape-image-threshold</a></li><li><a href="/en-US/docs/Web/CSS/shape-margin" class="only-in-en-us">shape-margin</a></li><li><a href="/en-US/docs/Web/CSS/shape-outside" class="only-in-en-us">shape-outside</a></li><li><a href="/en-US/docs/Web/CSS/shape-rendering" class="only-in-en-us">shape-rendering</a></li></ol></details></li><li><a href="/ko/docs/Web/CSS/stop-color">stop-color</a></li><li><a href="/en-US/docs/Web/CSS/stop-opacity" class="only-in-en-us">stop-opacity</a></li><li class="toggle"><details><summary>stroke-*</summary><ol><li><a href="/en-US/docs/Web/CSS/stroke" class="only-in-en-us">stroke</a></li><li><a href="/en-US/docs/Web/CSS/stroke-dasharray" class="only-in-en-us">stroke-dasharray</a></li><li><a href="/en-US/docs/Web/CSS/stroke-dashoffset" class="only-in-en-us">stroke-dashoffset</a></li><li><a href="/en-US/docs/Web/CSS/stroke-linecap" class="only-in-en-us">stroke-linecap</a></li><li><a href="/en-US/docs/Web/CSS/stroke-linejoin" class="only-in-en-us">stroke-linejoin</a></li><li><a href="/en-US/docs/Web/CSS/stroke-miterlimit" class="only-in-en-us">stroke-miterlimit</a></li><li><a href="/en-US/docs/Web/CSS/stroke-opacity" class="only-in-en-us">stroke-opacity</a></li><li><a href="/en-US/docs/Web/CSS/stroke-width" class="only-in-en-us">stroke-width</a></li></ol></details></li><li><a href="/ko/docs/Web/CSS/tab-size">tab-size</a></li><li><a href="/en-US/docs/Web/CSS/table-layout" class="only-in-en-us">table-layout</a></li><li class="toggle"><details><summary>text-*</summary><ol><li><a href="/ko/docs/Web/CSS/text-align">text-align</a></li><li><a href="/en-US/docs/Web/CSS/text-align-last" class="only-in-en-us">text-align-last</a></li><li><a href="/en-US/docs/Web/CSS/text-anchor" class="only-in-en-us">text-anchor</a></li><li><a href="/en-US/docs/Web/CSS/text-combine-upright" class="only-in-en-us">text-combine-upright</a></li><li><a href="/ko/docs/Web/CSS/text-decoration">text-decoration</a></li><li><a href="/en-US/docs/Web/CSS/text-decoration-color" class="only-in-en-us">text-decoration-color</a></li><li><a href="/en-US/docs/Web/CSS/text-decoration-line" class="only-in-en-us">text-decoration-line</a></li><li><a href="/en-US/docs/Web/CSS/text-decoration-skip" class="only-in-en-us">text-decoration-skip</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/text-decoration-skip-ink" class="only-in-en-us">text-decoration-skip-ink</a></li><li><a href="/en-US/docs/Web/CSS/text-decoration-style" class="only-in-en-us">text-decoration-style</a></li><li><a href="/en-US/docs/Web/CSS/text-decoration-thickness" class="only-in-en-us">text-decoration-thickness</a></li><li><a href="/en-US/docs/Web/CSS/text-emphasis" class="only-in-en-us">text-emphasis</a></li><li><a href="/en-US/docs/Web/CSS/text-emphasis-color" class="only-in-en-us">text-emphasis-color</a></li><li><a href="/en-US/docs/Web/CSS/text-emphasis-position" class="only-in-en-us">text-emphasis-position</a></li><li><a href="/en-US/docs/Web/CSS/text-emphasis-style" class="only-in-en-us">text-emphasis-style</a></li><li><a href="/en-US/docs/Web/CSS/text-indent" class="only-in-en-us">text-indent</a></li><li><a href="/en-US/docs/Web/CSS/text-justify" class="only-in-en-us">text-justify</a></li><li><a href="/en-US/docs/Web/CSS/text-orientation" class="only-in-en-us">text-orientation</a></li><li><a href="/en-US/docs/Web/CSS/text-overflow" class="only-in-en-us">text-overflow</a></li><li><a href="/en-US/docs/Web/CSS/text-rendering" class="only-in-en-us">text-rendering</a></li><li><a href="/en-US/docs/Web/CSS/text-shadow" class="only-in-en-us">text-shadow</a></li><li><a href="/en-US/docs/Web/CSS/text-size-adjust" class="only-in-en-us">text-size-adjust</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/text-spacing-trim" class="only-in-en-us">text-spacing-trim</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/text-transform" class="only-in-en-us">text-transform</a></li><li><a href="/en-US/docs/Web/CSS/text-underline-offset" class="only-in-en-us">text-underline-offset</a></li><li><a href="/en-US/docs/Web/CSS/text-underline-position" class="only-in-en-us">text-underline-position</a></li><li><a href="/ko/docs/Web/CSS/text-wrap">text-wrap</a></li><li><a href="/en-US/docs/Web/CSS/text-wrap-mode" class="only-in-en-us">text-wrap-mode</a></li><li><a href="/en-US/docs/Web/CSS/text-wrap-style" class="only-in-en-us">text-wrap-style</a></li></ol></details></li><li><a href="/en-US/docs/Web/CSS/timeline-scope" class="only-in-en-us">timeline-scope</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/top" class="only-in-en-us">top</a></li><li><a href="/en-US/docs/Web/CSS/touch-action" class="only-in-en-us">touch-action</a></li><li class="toggle"><details><summary>transform-*</summary><ol><li><a href="/ko/docs/Web/CSS/transform">transform</a></li><li><a href="/en-US/docs/Web/CSS/transform-box" class="only-in-en-us">transform-box</a></li><li><a href="/en-US/docs/Web/CSS/transform-origin" class="only-in-en-us">transform-origin</a></li><li><a href="/en-US/docs/Web/CSS/transform-style" class="only-in-en-us">transform-style</a></li></ol></details></li><li class="toggle"><details><summary>transition-*</summary><ol><li><a href="/ko/docs/Web/CSS/transition">transition</a></li><li><a href="/en-US/docs/Web/CSS/transition-behavior" class="only-in-en-us">transition-behavior</a></li><li><a href="/en-US/docs/Web/CSS/transition-delay" class="only-in-en-us">transition-delay</a></li><li><a href="/ko/docs/Web/CSS/transition-duration">transition-duration</a></li><li><a href="/ko/docs/Web/CSS/transition-property">transition-property</a></li><li><a href="/en-US/docs/Web/CSS/transition-timing-function" class="only-in-en-us">transition-timing-function</a></li></ol></details></li><li><a href="/en-US/docs/Web/CSS/translate" class="only-in-en-us">translate</a></li><li><a href="/en-US/docs/Web/CSS/unicode-bidi" class="only-in-en-us">unicode-bidi</a></li><li><a href="/en-US/docs/Web/CSS/user-modify" class="only-in-en-us">user-modify</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr><abbr class="icon icon-deprecated" title="지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요."> <span class="visually-hidden">지원이 중단되었습니다</span> </abbr></li><li><a href="/ko/docs/Web/CSS/user-select">user-select</a></li><li><a href="/en-US/docs/Web/CSS/vector-effect" class="only-in-en-us">vector-effect</a></li><li><a href="/ko/docs/Web/CSS/vertical-align">vertical-align</a></li><li class="toggle"><details><summary>view-*</summary><ol><li><a href="/en-US/docs/Web/CSS/view-timeline" class="only-in-en-us">view-timeline</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/view-timeline-axis" class="only-in-en-us">view-timeline-axis</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/view-timeline-inset" class="only-in-en-us">view-timeline-inset</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/view-timeline-name" class="only-in-en-us">view-timeline-name</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/view-transition-name" class="only-in-en-us">view-transition-name</a></li></ol></details></li><li><a href="/ko/docs/Web/CSS/visibility">visibility</a></li><li><a href="/ko/docs/Web/CSS/white-space">white-space</a></li><li><a href="/en-US/docs/Web/CSS/white-space-collapse" class="only-in-en-us">white-space-collapse</a></li><li><a href="/en-US/docs/Web/CSS/widows" class="only-in-en-us">widows</a></li><li><a href="/ko/docs/Web/CSS/width">width</a></li><li><a href="/ko/docs/Web/CSS/will-change">will-change</a></li><li><a href="/ko/docs/Web/CSS/word-break">word-break</a></li><li><a href="/ko/docs/Web/CSS/word-spacing">word-spacing</a></li><li><a href="/en-US/docs/Web/CSS/writing-mode" class="only-in-en-us">writing-mode</a></li><li><a href="/en-US/docs/Web/CSS/x" class="only-in-en-us">x</a></li><li><a href="/en-US/docs/Web/CSS/y" class="only-in-en-us">y</a></li><li><a href="/ko/docs/Web/CSS/z-index">z-index</a></li><li><a href="/en-US/docs/Web/CSS/zoom" class="only-in-en-us">zoom</a></li></ol></details></li><li class="toggle"><details><summary>Selectors</summary><ol><li><a href="/ko/docs/Web/CSS/Nesting_selector">& nesting selector</a></li><li><a href="/ko/docs/Web/CSS/Attribute_selectors">특성 선택자</a></li><li><a href="/ko/docs/Web/CSS/Class_selectors">클래스 선택자</a></li><li><a href="/ko/docs/Web/CSS/ID_selectors">ID 선택자</a></li><li><a href="/ko/docs/Web/CSS/Type_selectors">유형 선택자</a></li><li><a href="/ko/docs/Web/CSS/Universal_selectors">전체 선택자</a></li></ol></details></li><li class="toggle"><details><summary>Combinators</summary><ol><li><a href="/ko/docs/Web/CSS/Child_combinator">자식 결합자</a></li><li><a href="/ko/docs/Web/CSS/Column_combinator">Column combinator</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/ko/docs/Web/CSS/Descendant_combinator">자손 결합자</a></li><li><a href="/ko/docs/Web/CSS/Namespace_separator">Namespace separator</a></li><li><a href="/ko/docs/Web/CSS/Next-sibling_combinator">인접 형제 결합자</a></li><li><a href="/ko/docs/Web/CSS/Selector_list">선택자 목록</a></li><li><a href="/ko/docs/Web/CSS/Subsequent-sibling_combinator">일반 형제 결합자</a></li></ol></details></li><li class="toggle"><details><summary>Pseudo-classes</summary><ol><li class="toggle"><details><summary>:-moz-*</summary><ol><li><a href="/en-US/docs/Web/CSS/:-moz-broken" class="only-in-en-us">:-moz-broken</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr><abbr class="icon icon-deprecated" title="지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요."> <span class="visually-hidden">지원이 중단되었습니다</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/:-moz-drag-over" class="only-in-en-us">:-moz-drag-over</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/:-moz-first-node" class="only-in-en-us">:-moz-first-node</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/:-moz-handler-blocked" class="only-in-en-us">:-moz-handler-blocked</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/:-moz-handler-crashed" class="only-in-en-us">:-moz-handler-crashed</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/:-moz-handler-disabled" class="only-in-en-us">:-moz-handler-disabled</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/:-moz-last-node" class="only-in-en-us">:-moz-last-node</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/:-moz-loading" class="only-in-en-us">:-moz-loading</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/:-moz-locale-dir_ltr" class="only-in-en-us">:-moz-locale-dir(ltr)</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/:-moz-locale-dir_rtl" class="only-in-en-us">:-moz-locale-dir(rtl)</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/:-moz-only-whitespace" class="only-in-en-us">:-moz-only-whitespace</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/:-moz-submit-invalid" class="only-in-en-us">:-moz-submit-invalid</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/:-moz-suppressed" class="only-in-en-us">:-moz-suppressed</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/:-moz-user-disabled" class="only-in-en-us">:-moz-user-disabled</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/:-moz-window-inactive" class="only-in-en-us">:-moz-window-inactive</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li></ol></details></li><li><a href="/ko/docs/Web/CSS/:active">:active</a></li><li><a href="/en-US/docs/Web/CSS/:any-link" class="only-in-en-us">:any-link</a></li><li><a href="/en-US/docs/Web/CSS/:autofill" class="only-in-en-us">:autofill</a></li><li><a href="/ko/docs/Web/CSS/:blank">:blank</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/:buffering" class="only-in-en-us">:buffering</a></li><li><a href="/ko/docs/Web/CSS/:checked">:checked</a></li><li><a href="/en-US/docs/Web/CSS/:current" class="only-in-en-us">:current</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/ko/docs/Web/CSS/:default">:default</a></li><li><a href="/ko/docs/Web/CSS/:defined">:defined</a></li><li><a href="/en-US/docs/Web/CSS/:dir" class="only-in-en-us">:dir()</a></li><li><a href="/ko/docs/Web/CSS/:disabled">:disabled</a></li><li><a href="/en-US/docs/Web/CSS/:empty" class="only-in-en-us">:empty</a></li><li><a href="/ko/docs/Web/CSS/:enabled">:enabled</a></li><li class="toggle"><details><summary>:first-*</summary><ol><li><a href="/ko/docs/Web/CSS/:first">:first</a></li><li><a href="/ko/docs/Web/CSS/:first-child">:first-child</a></li><li><a href="/ko/docs/Web/CSS/:first-of-type">:first-of-type</a></li></ol></details></li><li class="toggle"><details><summary>:focus-*</summary><ol><li><a href="/ko/docs/Web/CSS/:focus">:focus</a></li><li><a href="/en-US/docs/Web/CSS/:focus-visible" class="only-in-en-us">:focus-visible</a></li><li><a href="/ko/docs/Web/CSS/:focus-within">:focus-within</a></li></ol></details></li><li><a href="/ko/docs/Web/CSS/:fullscreen">:fullscreen</a></li><li><a href="/en-US/docs/Web/CSS/:future" class="only-in-en-us">:future</a></li><li><a href="/en-US/docs/Web/CSS/:has-slotted" class="only-in-en-us">:has-slotted</a></li><li><a href="/en-US/docs/Web/CSS/:has" class="only-in-en-us">:has()</a></li><li><a href="/en-US/docs/Web/CSS/:host" class="only-in-en-us">:host</a></li><li><a href="/en-US/docs/Web/CSS/:host-context" class="only-in-en-us">:host-context()</a></li><li><a href="/en-US/docs/Web/CSS/:host_function" class="only-in-en-us">:host()</a></li><li><a href="/ko/docs/Web/CSS/:hover">:hover</a></li><li><a href="/en-US/docs/Web/CSS/:in-range" class="only-in-en-us">:in-range</a></li><li><a href="/en-US/docs/Web/CSS/:indeterminate" class="only-in-en-us">:indeterminate</a></li><li><a href="/en-US/docs/Web/CSS/:invalid" class="only-in-en-us">:invalid</a></li><li><a href="/en-US/docs/Web/CSS/:is" class="only-in-en-us">:is()</a></li><li><a href="/en-US/docs/Web/CSS/:lang" class="only-in-en-us">:lang()</a></li><li><a href="/ko/docs/Web/CSS/:last-child">:last-child</a></li><li><a href="/en-US/docs/Web/CSS/:last-of-type" class="only-in-en-us">:last-of-type</a></li><li><a href="/en-US/docs/Web/CSS/:left" class="only-in-en-us">:left</a></li><li><a href="/ko/docs/Web/CSS/:link">:link</a></li><li><a href="/en-US/docs/Web/CSS/:local-link" class="only-in-en-us">:local-link</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/:modal" class="only-in-en-us">:modal</a></li><li><a href="/en-US/docs/Web/CSS/:muted" class="only-in-en-us">:muted</a></li><li><a href="/ko/docs/Web/CSS/:not">:not()</a></li><li class="toggle"><details><summary>:nth-*</summary><ol><li><a href="/ko/docs/Web/CSS/:nth-child">:nth-child</a></li><li><a href="/en-US/docs/Web/CSS/:nth-last-child" class="only-in-en-us">:nth-last-child()</a></li><li><a href="/en-US/docs/Web/CSS/:nth-last-of-type" class="only-in-en-us">:nth-last-of-type()</a></li><li><a href="/en-US/docs/Web/CSS/:nth-of-type" class="only-in-en-us">:nth-of-type()</a></li></ol></details></li><li><a href="/en-US/docs/Web/CSS/:only-child" class="only-in-en-us">:only-child</a></li><li><a href="/en-US/docs/Web/CSS/:only-of-type" class="only-in-en-us">:only-of-type</a></li><li><a href="/en-US/docs/Web/CSS/:open" class="only-in-en-us">:open</a></li><li><a href="/en-US/docs/Web/CSS/:optional" class="only-in-en-us">:optional</a></li><li><a href="/en-US/docs/Web/CSS/:out-of-range" class="only-in-en-us">:out-of-range</a></li><li><a href="/en-US/docs/Web/CSS/:past" class="only-in-en-us">:past</a></li><li><a href="/en-US/docs/Web/CSS/:paused" class="only-in-en-us">:paused</a></li><li><a href="/en-US/docs/Web/CSS/:picture-in-picture" class="only-in-en-us">:picture-in-picture</a></li><li><a href="/ko/docs/Web/CSS/:placeholder-shown">:placeholder-shown</a></li><li><a href="/en-US/docs/Web/CSS/:playing" class="only-in-en-us">:playing</a></li><li><a href="/en-US/docs/Web/CSS/:popover-open" class="only-in-en-us">:popover-open</a></li><li><a href="/en-US/docs/Web/CSS/:read-only" class="only-in-en-us">:read-only</a></li><li><a href="/en-US/docs/Web/CSS/:read-write" class="only-in-en-us">:read-write</a></li><li><a href="/en-US/docs/Web/CSS/:required" class="only-in-en-us">:required</a></li><li><a href="/en-US/docs/Web/CSS/:right" class="only-in-en-us">:right</a></li><li><a href="/ko/docs/Web/CSS/:root">:root</a></li><li><a href="/en-US/docs/Web/CSS/:scope" class="only-in-en-us">:scope</a></li><li><a href="/en-US/docs/Web/CSS/:seeking" class="only-in-en-us">:seeking</a></li><li><a href="/en-US/docs/Web/CSS/:stalled" class="only-in-en-us">:stalled</a></li><li><a href="/en-US/docs/Web/CSS/:state" class="only-in-en-us">:state()</a></li><li><a href="/en-US/docs/Web/CSS/:target" class="only-in-en-us">:target</a></li><li><a href="/en-US/docs/Web/CSS/:target-within" class="only-in-en-us">:target-within</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/:user-invalid" class="only-in-en-us">:user-invalid</a></li><li><a href="/en-US/docs/Web/CSS/:user-valid" class="only-in-en-us">:user-valid</a></li><li><a href="/en-US/docs/Web/CSS/:valid" class="only-in-en-us">:valid</a></li><li><a href="/ko/docs/Web/CSS/:visited">:visited</a></li><li><a href="/en-US/docs/Web/CSS/:volume-locked" class="only-in-en-us">:volume-locked</a></li><li><a href="/en-US/docs/Web/CSS/:where" class="only-in-en-us">:where()</a></li></ol></details></li><li class="toggle"><details><summary>Pseudo-elements</summary><ol><li class="toggle"><details><summary>::-moz-*</summary><ol><li><a href="/en-US/docs/Web/CSS/::-moz-color-swatch" class="only-in-en-us">::-moz-color-swatch</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/::-moz-focus-inner" class="only-in-en-us">::-moz-focus-inner</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/::-moz-list-bullet" class="only-in-en-us">::-moz-list-bullet</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/::-moz-list-number" class="only-in-en-us">::-moz-list-number</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/::-moz-meter-bar" class="only-in-en-us">::-moz-meter-bar</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/::-moz-progress-bar" class="only-in-en-us">::-moz-progress-bar</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/::-moz-range-progress" class="only-in-en-us">::-moz-range-progress</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/::-moz-range-thumb" class="only-in-en-us">::-moz-range-thumb</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/::-moz-range-track" class="only-in-en-us">::-moz-range-track</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li></ol></details></li><li class="toggle"><details><summary>::-webkit-*</summary><ol><li><a href="/en-US/docs/Web/CSS/::-webkit-inner-spin-button" class="only-in-en-us">::-webkit-inner-spin-button</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/::-webkit-meter-bar" class="only-in-en-us">::-webkit-meter-bar</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr><abbr class="icon icon-deprecated" title="지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요."> <span class="visually-hidden">지원이 중단되었습니다</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/::-webkit-meter-even-less-good-value" class="only-in-en-us">::-webkit-meter-even-less-good-value</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/::-webkit-meter-inner-element" class="only-in-en-us">::-webkit-meter-inner-element</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/::-webkit-meter-optimum-value" class="only-in-en-us">::-webkit-meter-optimum-value</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/::-webkit-meter-suboptimum-value" class="only-in-en-us">::-webkit-meter-suboptimum-value</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/::-webkit-progress-bar" class="only-in-en-us">::-webkit-progress-bar</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/::-webkit-progress-inner-element" class="only-in-en-us">::-webkit-progress-inner-element</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/::-webkit-progress-value" class="only-in-en-us">::-webkit-progress-value</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/ko/docs/Web/CSS/::-webkit-scrollbar">::-webkit-scrollbar</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/::-webkit-search-cancel-button" class="only-in-en-us">::-webkit-search-cancel-button</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/::-webkit-search-results-button" class="only-in-en-us">::-webkit-search-results-button</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/::-webkit-slider-runnable-track" class="only-in-en-us">::-webkit-slider-runnable-track</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/::-webkit-slider-thumb" class="only-in-en-us">::-webkit-slider-thumb</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr></li></ol></details></li><li><a href="/ko/docs/Web/CSS/::after">::after (:after)</a></li><li><a href="/en-US/docs/Web/CSS/::backdrop" class="only-in-en-us">::backdrop</a></li><li><a href="/ko/docs/Web/CSS/::before">::before</a></li><li><a href="/en-US/docs/Web/CSS/::cue" class="only-in-en-us">::cue</a></li><li><a href="/en-US/docs/Web/CSS/::details-content" class="only-in-en-us">::details-content</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/::file-selector-button" class="only-in-en-us">::file-selector-button</a></li><li><a href="/en-US/docs/Web/CSS/::first-letter" class="only-in-en-us">::first-letter</a></li><li><a href="/en-US/docs/Web/CSS/::first-line" class="only-in-en-us">::first-line</a></li><li><a href="/ko/docs/Web/CSS/::grammar-error">::grammar-error</a></li><li><a href="/ko/docs/Web/CSS/::highlight">::highlight()</a></li><li><a href="/ko/docs/Web/CSS/::marker">::marker</a></li><li><a href="/ko/docs/Web/CSS/::part">::part()</a></li><li><a href="/ko/docs/Web/CSS/::placeholder">::placeholder</a></li><li><a href="/ko/docs/Web/CSS/::selection">::selection</a></li><li><a href="/ko/docs/Web/CSS/::slotted">::slotted()</a></li><li><a href="/ko/docs/Web/CSS/::spelling-error">::spelling-error</a></li><li><a href="/ko/docs/Web/CSS/::target-text">::target-text</a></li><li class="toggle"><details><summary>::view-*</summary><ol><li><a href="/ko/docs/Web/CSS/::view-transition">::view-transition</a></li><li><a href="/ko/docs/Web/CSS/::view-transition-group">::view-transition-group</a></li><li><a href="/ko/docs/Web/CSS/::view-transition-image-pair">::view-transition-image-pair</a></li><li><a href="/ko/docs/Web/CSS/::view-transition-new">::view-transition-new</a></li><li><a href="/ko/docs/Web/CSS/::view-transition-old">::view-transition-old</a></li></ol></details></li></ol></details></li><li class="toggle"><details><summary>At-rules</summary><ol><li><a href="/ko/docs/Web/CSS/@charset">@charset</a></li><li><a href="/en-US/docs/Web/CSS/@color-profile" class="only-in-en-us">@color-profile</a></li><li><a href="/en-US/docs/Web/CSS/@container" class="only-in-en-us">@container</a></li><li><a href="/en-US/docs/Web/CSS/@counter-style" class="only-in-en-us">@counter-style</a></li><li><a href="/en-US/docs/Web/CSS/@document" class="only-in-en-us">@document</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr><abbr class="icon icon-deprecated" title="지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요."> <span class="visually-hidden">지원이 중단되었습니다</span> </abbr></li><li><a href="/ko/docs/Web/CSS/@font-face">@font-face</a></li><li><a href="/en-US/docs/Web/CSS/@font-feature-values" class="only-in-en-us">@font-feature-values</a></li><li><a href="/en-US/docs/Web/CSS/@font-palette-values" class="only-in-en-us">@font-palette-values</a></li><li><a href="/ko/docs/Web/CSS/@import">@import</a></li><li><a href="/ko/docs/Web/CSS/@keyframes">@keyframes</a></li><li><a href="/ko/docs/Web/CSS/@layer">@layer</a></li><li><a href="/ko/docs/Web/CSS/@media">@media</a></li><li><a href="/ko/docs/Web/CSS/@namespace">@namespace</a></li><li><a href="/ko/docs/Web/CSS/@page">@page</a></li><li><a href="/en-US/docs/Web/CSS/@position-try" class="only-in-en-us">@position-try</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/@property" class="only-in-en-us">@property</a></li><li><a href="/en-US/docs/Web/CSS/@scope" class="only-in-en-us">@scope</a></li><li><a href="/en-US/docs/Web/CSS/@starting-style" class="only-in-en-us">@starting-style</a></li><li><a href="/ko/docs/Web/CSS/@supports">@supports</a></li><li><a href="/en-US/docs/Web/CSS/@view-transition" class="only-in-en-us">@view-transition</a></li></ol></details></li><li class="toggle"><details><summary>Functions</summary><ol><li><a href="/en-US/docs/Web/CSS/-moz-image-rect" class="only-in-en-us">-moz-image-rect</a><abbr class="icon icon-nonstandard" title="비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요."> <span class="visually-hidden">비표준</span> </abbr><abbr class="icon icon-deprecated" title="지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요."> <span class="visually-hidden">지원이 중단되었습니다</span> </abbr></li><li><a href="/ko/docs/Web/CSS/abs">abs()</a></li><li><a href="/en-US/docs/Web/CSS/acos" class="only-in-en-us">acos()</a></li><li><a href="/en-US/docs/Web/CSS/anchor-size" class="only-in-en-us">anchor-size()</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/anchor" class="only-in-en-us">anchor()</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/asin" class="only-in-en-us">asin()</a></li><li><a href="/en-US/docs/Web/CSS/atan" class="only-in-en-us">atan()</a></li><li><a href="/en-US/docs/Web/CSS/atan2" class="only-in-en-us">atan2()</a></li><li><a href="/en-US/docs/Web/CSS/attr" class="only-in-en-us">attr()</a></li><li><a href="/ko/docs/Web/CSS/filter-function/blur">blur()</a></li><li><a href="/ko/docs/Web/CSS/filter-function/brightness">brightness()</a></li><li><a href="/en-US/docs/Web/CSS/calc-size" class="only-in-en-us">calc-size()</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/ko/docs/Web/CSS/calc">calc()</a></li><li><a href="/ko/docs/Web/CSS/basic-shape/circle">circle()</a></li><li><a href="/en-US/docs/Web/CSS/clamp" class="only-in-en-us">clamp()</a></li><li><a href="/en-US/docs/Web/CSS/color_value/color-mix" class="only-in-en-us">color-mix()</a></li><li><a href="/en-US/docs/Web/CSS/color_value/color" class="only-in-en-us">color()</a></li><li><a href="/en-US/docs/Web/CSS/gradient/conic-gradient" class="only-in-en-us">conic-gradient()</a></li><li><a href="/ko/docs/Web/CSS/filter-function/contrast">contrast()</a></li><li><a href="/en-US/docs/Web/CSS/cos" class="only-in-en-us">cos()</a></li><li><a href="/en-US/docs/Web/CSS/counter" class="only-in-en-us">counter()</a></li><li><a href="/en-US/docs/Web/CSS/counters" class="only-in-en-us">counters()</a></li><li><a href="/en-US/docs/Web/CSS/cross-fade" class="only-in-en-us">cross-fade()</a></li><li><a href="/en-US/docs/Web/CSS/easing-function/cubic-bezier" class="only-in-en-us">cubic-bezier()</a></li><li><a href="/en-US/docs/Web/CSS/color_value/device-cmyk" class="only-in-en-us">device-cmyk()</a></li><li><a href="/en-US/docs/Web/CSS/filter-function/drop-shadow" class="only-in-en-us">drop-shadow()</a></li><li><a href="/en-US/docs/Web/CSS/element" class="only-in-en-us">element()</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/basic-shape/ellipse" class="only-in-en-us">ellipse()</a></li><li><a href="/ko/docs/Web/CSS/env">env()</a></li><li><a href="/en-US/docs/Web/CSS/exp" class="only-in-en-us">exp()</a></li><li><a href="/en-US/docs/Web/CSS/fit-content_function" class="only-in-en-us">fit-content()</a></li><li><a href="/en-US/docs/Web/CSS/filter-function/grayscale" class="only-in-en-us">grayscale()</a></li><li><a href="/en-US/docs/Web/CSS/color_value/hsl" class="only-in-en-us">hsl()</a></li><li><a href="/en-US/docs/Web/CSS/filter-function/hue-rotate" class="only-in-en-us">hue-rotate()</a></li><li><a href="/en-US/docs/Web/CSS/color_value/hwb" class="only-in-en-us">hwb()</a></li><li><a href="/en-US/docs/Web/CSS/hypot" class="only-in-en-us">hypot()</a></li><li><a href="/ko/docs/Web/CSS/image/image-set">image-set()</a></li><li><a href="/en-US/docs/Web/CSS/image/image" class="only-in-en-us">image()</a></li><li><a href="/en-US/docs/Web/CSS/basic-shape/inset" class="only-in-en-us">inset()</a></li><li><a href="/ko/docs/Web/CSS/filter-function/invert">invert()</a></li><li><a href="/en-US/docs/Web/CSS/color_value/lab" class="only-in-en-us">lab()</a></li><li><a href="/en-US/docs/Web/CSS/@import/layer_function" class="only-in-en-us">layer()</a></li><li><a href="/en-US/docs/Web/CSS/color_value/lch" class="only-in-en-us">lch()</a></li><li><a href="/en-US/docs/Web/CSS/color_value/light-dark" class="only-in-en-us">light-dark()</a></li><li><a href="/ko/docs/Web/CSS/gradient/linear-gradient">linear-gradient()</a></li><li><a href="/en-US/docs/Web/CSS/easing-function/linear" class="only-in-en-us">linear()</a></li><li><a href="/en-US/docs/Web/CSS/log" class="only-in-en-us">log()</a></li><li><a href="/ko/docs/Web/CSS/transform-function/matrix">matrix()</a></li><li><a href="/en-US/docs/Web/CSS/transform-function/matrix3d" class="only-in-en-us">matrix3d()</a></li><li><a href="/en-US/docs/Web/CSS/max" class="only-in-en-us">max()</a></li><li><a href="/en-US/docs/Web/CSS/min" class="only-in-en-us">min()</a></li><li><a href="/en-US/docs/Web/CSS/minmax" class="only-in-en-us">minmax()</a></li><li><a href="/en-US/docs/Web/CSS/mod" class="only-in-en-us">mod()</a></li><li><a href="/en-US/docs/Web/CSS/color_value/oklab" class="only-in-en-us">oklab()</a></li><li><a href="/en-US/docs/Web/CSS/color_value/oklch" class="only-in-en-us">oklch()</a></li><li><a href="/en-US/docs/Web/CSS/filter-function/opacity" class="only-in-en-us">opacity()</a></li><li><a href="/en-US/docs/Web/CSS/image/paint" class="only-in-en-us">paint()</a></li><li><a href="/en-US/docs/Web/CSS/font-palette/palette-mix" class="only-in-en-us">palette-mix()</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/basic-shape/path" class="only-in-en-us">path()</a></li><li><a href="/en-US/docs/Web/CSS/transform-function/perspective" class="only-in-en-us">perspective()</a></li><li><a href="/en-US/docs/Web/CSS/basic-shape/polygon" class="only-in-en-us">polygon()</a></li><li><a href="/en-US/docs/Web/CSS/pow" class="only-in-en-us">pow()</a></li><li><a href="/en-US/docs/Web/CSS/gradient/radial-gradient" class="only-in-en-us">radial-gradient()</a></li><li><a href="/en-US/docs/Web/CSS/ray" class="only-in-en-us">ray()</a></li><li><a href="/en-US/docs/Web/CSS/basic-shape/rect" class="only-in-en-us">rect()</a></li><li><a href="/en-US/docs/Web/CSS/rem" class="only-in-en-us">rem()</a></li><li><a href="/en-US/docs/Web/CSS/repeat" class="only-in-en-us">repeat()</a></li><li><a href="/en-US/docs/Web/CSS/gradient/repeating-conic-gradient" class="only-in-en-us">repeating-conic-gradient()</a></li><li><a href="/en-US/docs/Web/CSS/gradient/repeating-linear-gradient" class="only-in-en-us">repeating-linear-gradient()</a></li><li><a href="/en-US/docs/Web/CSS/gradient/repeating-radial-gradient" class="only-in-en-us">repeating-radial-gradient()</a></li><li><a href="/en-US/docs/Web/CSS/color_value/rgb" class="only-in-en-us">rgb()</a></li><li><a href="/en-US/docs/Web/CSS/transform-function/rotate" class="only-in-en-us">rotate()</a></li><li><a href="/en-US/docs/Web/CSS/transform-function/rotate3d" class="only-in-en-us">rotate3d()</a></li><li><a href="/en-US/docs/Web/CSS/transform-function/rotateX" class="only-in-en-us">rotateX()</a></li><li><a href="/en-US/docs/Web/CSS/transform-function/rotateY" class="only-in-en-us">rotateY()</a></li><li><a href="/en-US/docs/Web/CSS/transform-function/rotateZ" class="only-in-en-us">rotateZ()</a></li><li><a href="/en-US/docs/Web/CSS/round" class="only-in-en-us">round()</a></li><li><a href="/en-US/docs/Web/CSS/filter-function/saturate" class="only-in-en-us">saturate()</a></li><li><a href="/en-US/docs/Web/CSS/transform-function/scale" class="only-in-en-us">scale()</a></li><li><a href="/en-US/docs/Web/CSS/transform-function/scale3d" class="only-in-en-us">scale3d()</a></li><li><a href="/ko/docs/Web/CSS/transform-function/scaleX">scaleX()</a></li><li><a href="/en-US/docs/Web/CSS/transform-function/scaleY" class="only-in-en-us">scaleY()</a></li><li><a href="/en-US/docs/Web/CSS/transform-function/scaleZ" class="only-in-en-us">scaleZ()</a></li><li><a href="/en-US/docs/Web/CSS/animation-timeline/scroll" class="only-in-en-us">scroll()</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/filter-function/sepia" class="only-in-en-us">sepia()</a></li><li><a href="/en-US/docs/Web/CSS/basic-shape/shape" class="only-in-en-us">shape()</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/sign" class="only-in-en-us">sign()</a></li><li><a href="/en-US/docs/Web/CSS/sin" class="only-in-en-us">sin()</a></li><li><a href="/en-US/docs/Web/CSS/transform-function/skew" class="only-in-en-us">skew()</a></li><li><a href="/en-US/docs/Web/CSS/transform-function/skewX" class="only-in-en-us">skewX()</a></li><li><a href="/en-US/docs/Web/CSS/transform-function/skewY" class="only-in-en-us">skewY()</a></li><li><a href="/en-US/docs/Web/CSS/sqrt" class="only-in-en-us">sqrt()</a></li><li><a href="/en-US/docs/Web/CSS/easing-function/steps" class="only-in-en-us">steps()</a></li><li><a href="/en-US/docs/Web/CSS/symbols" class="only-in-en-us">symbols()</a></li><li><a href="/en-US/docs/Web/CSS/tan" class="only-in-en-us">tan()</a></li><li><a href="/ko/docs/Web/CSS/transform-function/translate">translate()</a></li><li><a href="/en-US/docs/Web/CSS/transform-function/translate3d" class="only-in-en-us">translate3d()</a></li><li><a href="/en-US/docs/Web/CSS/transform-function/translateX" class="only-in-en-us">translateX()</a></li><li><a href="/en-US/docs/Web/CSS/transform-function/translateY" class="only-in-en-us">translateY()</a></li><li><a href="/en-US/docs/Web/CSS/transform-function/translateZ" class="only-in-en-us">translateZ()</a></li><li><a href="/en-US/docs/Web/CSS/url_function" class="only-in-en-us">url()</a></li><li><a href="/ko/docs/Web/CSS/var">var()</a></li><li><a href="/en-US/docs/Web/CSS/animation-timeline/view" class="only-in-en-us">view()</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/basic-shape/xywh" class="only-in-en-us">xywh()</a></li></ol></details></li><li class="toggle"><details><summary>Types</summary><ol><li><a href="/en-US/docs/Web/CSS/absolute-size" class="only-in-en-us"><absolute-size></a></li><li><a href="/en-US/docs/Web/CSS/alpha-value" class="only-in-en-us"><alpha-value></a></li><li><a href="/ko/docs/Web/CSS/angle-percentage"><angle-percentage></a></li><li><a href="/ko/docs/Web/CSS/angle"><angle></a></li><li><a href="/en-US/docs/Web/CSS/baseline-position" class="only-in-en-us"><baseline-position></a></li><li><a href="/en-US/docs/Web/CSS/basic-shape" class="only-in-en-us"><basic-shape></a></li><li><a href="/ko/docs/Web/CSS/blend-mode"><blend-mode></a></li><li><a href="/en-US/docs/Web/CSS/box-edge" class="only-in-en-us"><box-edge></a></li><li><a href="/en-US/docs/Web/CSS/calc-keyword" class="only-in-en-us"><calc-keyword></a></li><li><a href="/en-US/docs/Web/CSS/calc-sum" class="only-in-en-us"><calc-sum></a></li><li><a href="/en-US/docs/Web/CSS/color-interpolation-method" class="only-in-en-us"><color-interpolation-method></a></li><li><a href="/ko/docs/Web/CSS/color_value"><color></a></li><li><a href="/en-US/docs/Web/CSS/content-distribution" class="only-in-en-us"><content-distribution></a></li><li><a href="/en-US/docs/Web/CSS/content-position" class="only-in-en-us"><content-position></a></li><li><a href="/en-US/docs/Web/CSS/custom-ident" class="only-in-en-us"><custom-ident></a></li><li><a href="/en-US/docs/Web/CSS/dashed-ident" class="only-in-en-us"><dashed-ident></a></li><li><a href="/en-US/docs/Web/CSS/dimension" class="only-in-en-us"><dimension></a></li><li><a href="/en-US/docs/Web/CSS/display-box" class="only-in-en-us"><display-box></a></li><li><a href="/en-US/docs/Web/CSS/display-inside" class="only-in-en-us"><display-inside></a></li><li><a href="/ko/docs/Web/CSS/display-internal"><display-internal></a></li><li><a href="/en-US/docs/Web/CSS/display-legacy" class="only-in-en-us"><display-legacy></a></li><li><a href="/en-US/docs/Web/CSS/display-listitem" class="only-in-en-us"><display-listitem></a></li><li><a href="/en-US/docs/Web/CSS/display-outside" class="only-in-en-us"><display-outside></a></li><li><a href="/en-US/docs/Web/CSS/easing-function" class="only-in-en-us"><easing-function></a></li><li><a href="/ko/docs/Web/CSS/filter-function"><filter-function></a></li><li><a href="/en-US/docs/Web/CSS/flex_value" class="only-in-en-us"><flex></a></li><li><a href="/en-US/docs/Web/CSS/frequency-percentage" class="only-in-en-us"><frequency-percentage></a></li><li><a href="/ko/docs/Web/CSS/frequency"><frequency></a></li><li><a href="/en-US/docs/Web/CSS/generic-family" class="only-in-en-us"><generic-family></a></li><li><a href="/ko/docs/Web/CSS/gradient"><gradient></a></li><li><a href="/en-US/docs/Web/CSS/hex-color" class="only-in-en-us"><hex-color></a></li><li><a href="/en-US/docs/Web/CSS/hue-interpolation-method" class="only-in-en-us"><hue-interpolation-method></a></li><li><a href="/en-US/docs/Web/CSS/hue" class="only-in-en-us"><hue></a></li><li><a href="/en-US/docs/Web/CSS/ident" class="only-in-en-us"><ident></a></li><li><a href="/ko/docs/Web/CSS/image"><image></a></li><li><a href="/ko/docs/Web/CSS/integer"><integer></a></li><li><a href="/ko/docs/Web/CSS/length-percentage"><length-percentage></a></li><li><a href="/ko/docs/Web/CSS/length"><length></a></li><li><a href="/en-US/docs/Web/CSS/line-style" class="only-in-en-us"><line-style></a></li><li><a href="/en-US/docs/Web/CSS/named-color" class="only-in-en-us"><named-color></a></li><li><a href="/ko/docs/Web/CSS/number"><number></a></li><li><a href="/en-US/docs/Web/CSS/overflow-position" class="only-in-en-us"><overflow-position></a></li><li><a href="/en-US/docs/Web/CSS/overflow_value" class="only-in-en-us"><overflow></a></li><li><a href="/ko/docs/Web/CSS/percentage"><percentage></a></li><li><a href="/en-US/docs/Web/CSS/position-area_value" class="only-in-en-us"><position-area></a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li><li><a href="/ko/docs/Web/CSS/position_value"><position></a></li><li><a href="/en-US/docs/Web/CSS/ratio" class="only-in-en-us"><ratio></a></li><li><a href="/en-US/docs/Web/CSS/relative-size" class="only-in-en-us"><relative-size></a></li><li><a href="/en-US/docs/Web/CSS/resolution" class="only-in-en-us"><resolution></a></li><li><a href="/en-US/docs/Web/CSS/self-position" class="only-in-en-us"><self-position></a></li><li><a href="/en-US/docs/Web/CSS/shape" class="only-in-en-us"><shape></a><abbr class="icon icon-deprecated" title="지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요."> <span class="visually-hidden">지원이 중단되었습니다</span> </abbr></li><li><a href="/en-US/docs/Web/CSS/string" class="only-in-en-us"><string></a></li><li><a href="/en-US/docs/Web/CSS/system-color" class="only-in-en-us"><system-color></a></li><li><a href="/en-US/docs/Web/CSS/time-percentage" class="only-in-en-us"><time-percentage></a></li><li><a href="/ko/docs/Web/CSS/time"><time></a></li><li><a href="/ko/docs/Web/CSS/transform-function"><transform-function></a></li><li><a href="/ko/docs/Web/CSS/url_value"><url></a></li></ol></details></li><li class="section"><a href="/en-US/docs/Web/CSS/Guides" class="only-in-en-us">안내서</a></li><li class="toggle"><details><summary>애니메이션</summary><ol><li><a href="/ko/docs/Web/CSS/CSS_animations/Using_CSS_animations">CSS 애니메이션 사용하기</a></li></ol></details></li><li class="toggle"><details><summary>배경과 보더</summary><ol><li><a href="/ko/docs/Web/CSS/CSS_backgrounds_and_borders/Using_multiple_backgrounds">한 번에 여러 배경 사용하기</a></li><li><a href="/ko/docs/Web/CSS/CSS_backgrounds_and_borders/Resizing_background_images">배경 이미지 크기 조정하기</a></li></ol></details></li><li class="toggle"><details><summary>Box alignment</summary><ol><li><a href="/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_block_abspos_tables" class="only-in-en-us">블록 레이아웃 박스 정렬하기</a></li><li><a href="/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_flexbox" class="only-in-en-us">Box alignment in flexbox</a></li><li><a href="/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout" class="only-in-en-us">Box alignment in grid layout</a></li><li><a href="/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_multi-column_layout" class="only-in-en-us">Box alignment in multi-column layout</a></li></ol></details></li><li class="toggle"><details><summary>박스 모델</summary><ol><li><a href="/ko/docs/Web/CSS/CSS_box_model/Introduction_to_the_CSS_box_model">CSS 기본 박스 모델 입문</a></li><li><a href="/ko/docs/Web/CSS/CSS_box_model/Mastering_margin_collapsing">여백 상쇄 정복</a></li></ol></details></li><li class="toggle"><details><summary>Colors</summary><ol><li><a href="/en-US/docs/Web/CSS/CSS_colors/Applying_color" class="only-in-en-us">Applying_color_to_HTML_elements</a></li><li><a href="/en-US/docs/Web/CSS/CSS_colors/Color_values" class="only-in-en-us">Color values</a></li><li><a href="/en-US/docs/Web/CSS/CSS_colors/Relative_colors" class="only-in-en-us">Using relative colors</a></li><li><a href="/en-US/docs/Web/CSS/CSS_colors/Using_color_wisely" class="only-in-en-us">Using color wisely</a></li><li><a href="/en-US/docs/Web/Accessibility/Understanding_Colors_and_Luminance" class="only-in-en-us">Accessibility_Understanding_colors_and_luminance</a></li><li><a href="/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast" class="only-in-en-us">Accessibility: Color contrast</a></li></ol></details></li><li class="toggle"><details><summary>열</summary><ol><li><a href="/en-US/docs/Web/CSS/CSS_multicol_layout/Basic_concepts" class="only-in-en-us">Basic concepts of multi-column layout</a></li><li><a href="/en-US/docs/Web/CSS/CSS_multicol_layout/Styling_columns" class="only-in-en-us">Styling columns</a></li><li><a href="/en-US/docs/Web/CSS/CSS_multicol_layout/Spanning_balancing_columns" class="only-in-en-us">Spanning and balancing columns</a></li><li><a href="/ko/docs/Web/CSS/CSS_multicol_layout/Handling_overflow_in_multicol_layout">다단 레이아웃에서 넘침 처리</a></li><li><a href="/ko/docs/Web/CSS/CSS_multicol_layout/Handling_content_breaks_in_multicol_layout">다단 레이아웃에서 콘텐츠 분리 처리</a></li></ol></details></li><li class="toggle"><details><summary>CSS에서 규칙 정의하기</summary><ol><li><a href="/en-US/docs/Web/CSS/CSS_conditional_rules/Using_feature_queries" class="only-in-en-us">Using feature queries</a></li></ol></details></li><li class="toggle"><details><summary>Containment</summary><ol><li><a href="/en-US/docs/Web/CSS/CSS_containment/Using_CSS_containment" class="only-in-en-us">Using CSS containment</a></li><li><a href="/en-US/docs/Web/CSS/CSS_containment/Container_queries" class="only-in-en-us">CSS container queries</a></li><li><a href="/en-US/docs/Web/CSS/CSS_containment/Container_size_and_style_queries" class="only-in-en-us">Using container size and style queries</a></li></ol></details></li><li class="toggle"><details><summary>CSSOM view</summary><ol><li><a href="/ko/docs/Web/CSS/CSSOM_view/Coordinate_systems">좌표계</a></li></ol></details></li><li class="toggle"><details><summary>플로 레이아웃</summary><ol><li><a href="/ko/docs/Web/CSS/CSS_display/Block_and_inline_layout_in_normal_flow">일반 대열 속 블록 및 인라인 레이아웃</a></li><li><a href="/ko/docs/Web/CSS/CSS_display/In_flow_and_out_of_flow">대열과 탈대열</a></li><li><a href="/ko/docs/Web/CSS/CSS_display/Introduction_to_formatting_contexts">서식 상황 입문서</a></li><li><a href="/ko/docs/Web/CSS/CSS_display/Flow_layout_and_writing_modes">대열 레이아웃과 쓰기 모드</a></li><li><a href="/ko/docs/Web/CSS/CSS_display/Flow_layout_and_overflow">대열 레이아웃과 대열이탈</a></li><li><a href="/en-US/docs/Web/CSS/CSS_display/multi-keyword_syntax_of_display" class="only-in-en-us">Using the multi-keyword syntax with CSS display</a></li></ol></details></li><li class="toggle"><details><summary>플렉스박스</summary><ol><li><a href="/ko/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox">flexbox의 기본 개념</a></li><li><a href="/en-US/docs/Web/CSS/CSS_flexible_box_layout/Relationship_of_flexbox_to_other_layout_methods" class="only-in-en-us">Relationship of flexbox to other layout methods</a></li><li><a href="/en-US/docs/Web/CSS/CSS_flexible_box_layout/Aligning_items_in_a_flex_container" class="only-in-en-us">Aligning items in a flex container</a></li><li><a href="/en-US/docs/Web/CSS/CSS_flexible_box_layout/Ordering_flex_items" class="only-in-en-us">Ordering flex items</a></li><li><a href="/en-US/docs/Web/CSS/CSS_flexible_box_layout/Controlling_ratios_of_flex_items_along_the_main_axis" class="only-in-en-us">Controlling ratios of flex items along the main axis</a></li><li><a href="/en-US/docs/Web/CSS/CSS_flexible_box_layout/Mastering_wrapping_of_flex_items" class="only-in-en-us">Mastering wrapping of flex items</a></li><li><a href="/ko/docs/Web/CSS/CSS_flexible_box_layout/Typical_use_cases_of_flexbox">플렉스박스의 대표적인 사용례</a></li></ol></details></li><li class="toggle"><details><summary>글꼴</summary><ol><li><a href="/en-US/docs/Web/CSS/CSS_fonts/OpenType_fonts_guide" class="only-in-en-us">OpenType font features guide</a></li><li><a href="/en-US/docs/Web/CSS/CSS_fonts/Variable_fonts_guide" class="only-in-en-us">Variable fonts guide</a></li></ol></details></li><li class="toggle"><details><summary>그리드</summary><ol><li><a href="/ko/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout">Basic concepts of grid layout</a></li><li><a href="/ko/docs/Web/CSS/CSS_grid_layout/Relationship_of_grid_layout_with_other_layout_methods">Relationship of grid layout to other layout methods</a></li><li><a href="/ko/docs/Web/CSS/CSS_grid_layout/Grid_layout_using_line-based_placement">Line-based placement with CSS Grid</a></li><li><a href="/ko/docs/Web/CSS/CSS_grid_layout/Grid_template_areas">Grid template areas</a></li><li><a href="/ko/docs/Web/CSS/CSS_grid_layout/Grid_layout_using_named_grid_lines">Layout using named grid lines</a></li><li><a href="/en-US/docs/Web/CSS/CSS_grid_layout/Auto-placement_in_grid_layout" class="only-in-en-us">Auto-placement in grid layout</a></li><li><a href="/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout" class="only-in-en-us">Aligning items in CSS grid layout</a></li><li><a href="/en-US/docs/Web/CSS/CSS_grid_layout/Grids_logical_values_and_writing_modes" class="only-in-en-us">Grids, logical values, and writing modes</a></li><li><a href="/en-US/docs/Web/CSS/CSS_grid_layout/Grid_layout_and_accessibility" class="only-in-en-us">Grid layout and accessibility</a></li><li><a href="/en-US/docs/Web/CSS/CSS_grid_layout/Realizing_common_layouts_using_grids" class="only-in-en-us">Realizing common layouts using grids</a></li><li><a href="/en-US/docs/Web/CSS/CSS_grid_layout/Subgrid" class="only-in-en-us">Subgrid</a></li><li><a href="/en-US/docs/Web/CSS/CSS_grid_layout/Masonry_layout" class="only-in-en-us">Masonry layout</a><abbr class="icon icon-experimental" title="Experimental. 예상되는 동작은 향후 변경될 수 있습니다."> <span class="visually-hidden">Experimental</span> </abbr></li></ol></details></li><li class="toggle"><details><summary>이미지</summary><ol><li><a href="/ko/docs/Web/CSS/CSS_images/Using_CSS_gradients">CSS 그라디언트 사용하기</a></li></ol></details></li><li class="toggle"><details><summary>리스트와 카운터</summary><ol><li><a href="/ko/docs/Web/CSS/CSS_counter_styles/Using_CSS_counters">CSS 카운터 사용하기</a></li><li><a href="/ko/docs/Web/CSS/CSS_lists/Consistent_list_indentation">일관성있는 리스트 들여쓰기</a></li></ol></details></li><li class="toggle"><details><summary>Logical 속성</summary><ol><li><a href="/ko/docs/Web/CSS/CSS_logical_properties_and_values/Basic_concepts_of_logical_properties_and_values">논리적 속성과 값의 기본 개념</a></li><li><a href="/ko/docs/Web/CSS/CSS_logical_properties_and_values/Floating_and_positioning">Logical properties for floating and positioning</a></li><li><a href="/ko/docs/Web/CSS/CSS_logical_properties_and_values/Margins_borders_padding">바깥 여백, 테두리 그리고 안쪽 여백을 위한 논리적 속성들</a></li><li><a href="/ko/docs/Web/CSS/CSS_logical_properties_and_values/Sizing">크기 조절에 관한 논리적 속성</a></li></ol></details></li><li class="toggle"><details><summary>Math functions</summary><ol><li><a href="/ko/docs/Web/CSS/CSS_Values_and_Units/Using_CSS_math_functions">Using CSS math functions</a></li></ol></details></li><li class="toggle"><details><summary>미디어 쿼리</summary><ol><li><a href="/ko/docs/Web/CSS/CSS_media_queries/Using_media_queries">미디어 쿼리 사용하기</a></li><li><a href="/ko/docs/Web/CSS/CSS_media_queries/Using_media_queries_for_accessibility">접근성을 위한 미디어 쿼리 사용하기</a></li><li><a href="/ko/docs/Web/CSS/CSS_media_queries/Testing_media_queries">Testing media queries programmatically</a></li><li><a href="/ko/docs/Web/CSS/CSS_media_queries/Printing">Printing</a></li></ol></details></li><li class="toggle"><details><summary>Nesting style rules</summary><ol><li><a href="/ko/docs/Web/CSS/CSS_nesting/Using_CSS_nesting">Using CSS nesting</a></li><li><a href="/ko/docs/Web/CSS/CSS_nesting/Nesting_at-rules">CSS 중첩 @-규칙</a></li><li><a href="/ko/docs/Web/CSS/CSS_nesting/Nesting_and_specificity">CSS nesting and specificity</a></li></ol></details></li><li class="toggle"><details><summary>위치 잡기</summary><ol><li><a href="/ko/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index">CSS z-index 이해하기</a></li></ol></details></li><li class="toggle"><details><summary>스크롤 스냅</summary><ol><li><a href="/en-US/docs/Web/CSS/CSS_scroll_snap/Basic_concepts" class="only-in-en-us">Basic concepts of scroll snap</a></li></ol></details></li><li class="toggle"><details><summary>도형</summary><ol><li><a href="/en-US/docs/Web/CSS/CSS_shapes/Overview_of_shapes" class="only-in-en-us">Overview of shapes</a></li><li><a href="/en-US/docs/Web/CSS/CSS_shapes/From_box_values" class="only-in-en-us">Shapes from box values</a></li><li><a href="/en-US/docs/Web/CSS/CSS_shapes/Basic_shapes" class="only-in-en-us">Basic shapes with shape-outside</a></li><li><a href="/en-US/docs/Web/CSS/CSS_shapes/Shapes_from_images" class="only-in-en-us">Shapes from images</a></li></ol></details></li><li class="toggle"><details><summary>텍스트</summary><ol><li><a href="/ko/docs/Web/CSS/CSS_text/Wrapping_breaking_text">텍스트의 줄 바꾸기 및 끊기</a></li></ol></details></li><li class="toggle"><details><summary>변형</summary><ol><li><a href="/ko/docs/Web/CSS/CSS_transforms/Using_CSS_transforms">CSS 변형 사용하기</a></li></ol></details></li><li class="toggle"><details><summary>트랜지션</summary><ol><li><a href="/ko/docs/Web/CSS/CSS_transitions/Using_CSS_transitions">CSS 트랜지션 사용하기</a></li></ol></details></li><li class="section"><a href="/en-US/docs/Web/CSS/Layout_cookbook" class="only-in-en-us">CSS Layout cookbook</a></li><li class="toggle"><ol><li><a href="/en-US/docs/Web/CSS/Layout_cookbook/Media_objects" class="only-in-en-us">Recipe: Media objects</a></li><li><a href="/en-US/docs/Web/CSS/Layout_cookbook/Column_layouts" class="only-in-en-us">Column layouts</a></li><li><a href="/ko/docs/Web/CSS/Layout_cookbook/Center_an_element">요소의 중앙 정렬</a></li><li><a href="/en-US/docs/Web/CSS/Layout_cookbook/Sticky_footers" class="only-in-en-us">Sticky footers</a></li><li><a href="/en-US/docs/Web/CSS/Layout_cookbook/Split_Navigation" class="only-in-en-us">Split navigation</a></li><li><a href="/en-US/docs/Web/CSS/Layout_cookbook/Breadcrumb_Navigation" class="only-in-en-us">Breadcrumb navigation</a></li><li><a href="/en-US/docs/Web/CSS/Layout_cookbook/List_group_with_badges" class="only-in-en-us">List group with badges</a></li><li><a href="/en-US/docs/Web/CSS/Layout_cookbook/Pagination" class="only-in-en-us">Pagination</a></li><li><a href="/en-US/docs/Web/CSS/Layout_cookbook/Card" class="only-in-en-us">Card</a></li><li><a href="/en-US/docs/Web/CSS/Layout_cookbook/Grid_wrapper" class="only-in-en-us">Grid wrapper</a></li></ol></li><li class="section">도구</li><li class="toggle"><ol><li><a href="/ko/docs/Web/CSS/CSS_colors/Color_picker_tool">Color picker tool</a></li><li><a href="/ko/docs/Web/CSS/CSS_backgrounds_and_borders/Box-shadow_generator">Box-shadow generator</a></li><li><a href="/ko/docs/Web/CSS/CSS_backgrounds_and_borders/Border-image_generator">Border-image 생성기</a></li><li><a href="/ko/docs/Web/CSS/CSS_backgrounds_and_borders/Border-radius_generator">Border-radius 생성기</a></li></ol></li></ol></div></div><section class="place side"></section></nav></aside><div class="toc-container"><aside class="toc"><nav><div class="document-toc-container"><section class="document-toc"><header><h2 class="document-toc-heading">목차</h2></header><ul class="document-toc-list"><li class="document-toc-item "><a class="document-toc-link" href="#중요한_자료">중요한 자료</a></li><li class="document-toc-item "><a class="document-toc-link" href="#자습서">자습서</a></li><li class="document-toc-item "><a class="document-toc-link" href="#참고서">참고서</a></li><li class="document-toc-item "><a class="document-toc-link" href="#쿡북">쿡북</a></li><li class="document-toc-item "><a class="document-toc-link" href="#css_개발_도구">CSS 개발 도구</a></li><li class="document-toc-item "><a class="document-toc-link" href="#같이_보기">같이 보기</a></li></ul></section></div></nav></aside><section class="place side"></section></div></div><main id="content" class="main-content "><article class="main-page-content" lang="ko"><header><h1>CSS: Cascading Style Sheets</h1></header><div class="section-content"><p><strong>Cascading Style Sheets</strong>(<strong>CSS</strong>)는 <a href="/ko/docs/Web/HTML">HTML</a>이나 <a href="/ko/docs/Web/XML">XML</a>(XML의 방언인 <a href="/ko/docs/Web/SVG">SVG</a>, <a href="/ko/docs/Glossary/XHTML">XHTML</a> 포함)로 작성된 문서의 표시 방법을 기술하기 위한 <a href="/ko/docs/Web/API/StyleSheet">스타일 시트</a> 언어입니다. CSS는 요소가 화면, 종이, 음성이나 다른 매체 상에 어떻게 렌더링되어야 하는지 지정합니다.</p> <p>CSS는 <strong>오픈 웹</strong>의 핵심 언어 중 하나이며, <a href="https://w3.org/Style/CSS/#specs" class="external" target="_blank">W3C 명세</a>가 다양한 브라우저의 표준으로 작동하고 있습니다. 과거에는 CSS 명세의 다양한 부분을 순차적으로 개발했으므로 CSS1, CSS2.1, CSS3처럼 버전을 붙이는 것이 가능했습니다. 그러나 공식 버전이 CSS4로 올라가지는 않을 것입니다.</p> <p>CSS3 이후, CSS 명세의 범위가 엄청나게 넓어짐에 따라 여러 CSS 모듈 사이의 차이도 너무나 커졌습니다. 그래서 이제는 <a href="https://www.w3.org/Style/CSS/current-work" class="external" target="_blank">권고안을 모듈별로 개발하고 공개</a>하는 것이 더 효과적인 상황입니다. 이제 W3C는 CSS 명세의 버전을 올리지 않고, 대신 주기적으로 <a href="https://www.w3.org/TR/css/" class="external" target="_blank">CSS 명세 안정판</a>의 스냅샷을 생성하고 있습니다.</p></div><section aria-labelledby="중요한_자료"><h2 id="중요한_자료"><a href="#중요한_자료">중요한 자료</a></h2><div class="section-content"><dl> <dt id="css_소개"><a href="#css_소개">CSS 소개</a></dt> <dd> <p>웹 개발이 처음이시라면 <a href="/ko/docs/Learn_web_development/Getting_started/Your_first_website/Styling_the_content">CSS 기본</a> 문서에서 CSS란 무엇인지, 그리고 CSS의 사용법을 배워보세요.</p> </dd> <dt id="css_자습서"><a href="#css_자습서">CSS 자습서</a></dt> <dd> <p>MDN의 <a href="/ko/docs/conflicting/Learn_web_development/Core/Styling_basics_b957eec7deaf1ea2b20721d6838ea6e1">CSS 학습지</a>는 기초 수준부터 숙련 레벨까지, 모든 기초를 망라하는 방대한 자습서를 포함하고 있습니다.</p> </dd> <dt id="css_참고서"><a href="#css_참고서">CSS 참고서</a></dt> <dd> <p>MDN의 <a href="/ko/docs/Web/CSS/Reference">CSS 전체 참고서</a>는 숙련된 개발자를 위해 CSS의 모든 속성과 개념의 설명을 제공합니다.</p> </dd> </dl> <div class="callout"> <p>프런트엔드 웹 개발자가 되고자 하시나요?목표를 달성하기 위한 모든 필수 정보가 들어있는 교육 과정을 준비했습니다.<a href="/ko/docs/orphaned/Learn/Front-end_web_developer"><strong>시작하기</strong></a></p> </div></div></section><section aria-labelledby="자습서"><h2 id="자습서"><a href="#자습서">자습서</a></h2><div class="section-content"><p>MDN <a href="/ko/docs/conflicting/Learn_web_development/Core/Styling_basics_b957eec7deaf1ea2b20721d6838ea6e1">CSS 학습지</a>는 CSS를 처음부터 알려주는 모듈로 구성되어 있습니다. 사전 지식도 필요하지 않습니다.</p> <dl> <dt id="css_첫걸음"><a href="/ko/docs/conflicting/Learn_web_development/Core/Styling_basics">CSS 첫걸음</a></dt> <dd> <p>CSS(Cascading Style Sheets)는 웹 페이지에 스타일과 레이아웃을 적용할 때 사용합니다. 예시를 몇 가지 들자면 글꼴, 색상, 크기를 조절하고, 콘텐츠의 간격을 조정하고, 페이지를 여러개의 열로 나누고, 애니메이션 등 장식을 추가할 수도 있습니다. 이 모듈에서는 CSS의 기본적인 작동 원리와 구문의 생김새, HTML에 실제로 적용하는 법을 배우면서 다음 과정으로 가는 길을 닦습니다.</p> </dd> <dt id="css의_구성_블록"><a href="/ko/docs/Learn_web_development/Core/Styling_basics">CSS의 구성 블록</a></dt> <dd> <p>이 모듈은 <a href="/ko/docs/conflicting/Learn_web_development/Core/Styling_basics">CSS 첫걸음</a>이 끝난 곳부터 시작합니다. 이제 언어와 구문에 익숙해졌고, 기본적인 사용법도 익혀봤으니 약간 더 깊게 들어갈 차례입니다. 이 모듈에서는 종속과 상속, 사용할 수 있는 모든 선택자 유형, 단위와 크기, 배경과 테두리 스타일, 디버깅 등등 많은 것을 알아봅니다.</p> <p>여기의 목표는 여러분이 훌륭한 CSS를 작성할 수 있도록 도구를 제공하고, <a href="/ko/docs/Learn_web_development/Core/Text_styling">텍스트 스타일링</a>나 <a href="/ko/docs/Learn_web_development/Core/CSS_layout">CSS 레이아웃</a>처럼 더 상세한 주제로 들어가기 전에 알고 있어야 할 필수 이론을 익히는 것입니다.</p> </dd> <dt id="텍스트_스타일링"><a href="/ko/docs/Learn_web_development/Core/Text_styling">텍스트 스타일링</a></dt> <dd> <p>CSS 언어 기초를 다뤘으니, 다음 주제는 대표적인 CSS의 영역인 텍스트 스타일링에 집중합니다. 여기서는 글꼴 설정, 굵기, 기울임꼴, 행간과 자간, 그림자 등 다양한 텍스트 기능을 배웁니다. 그 후 사용자 지정 글꼴을 페이지에 적용하는 법, 그리고 리스트와 링크 스타일로 모듈을 마무리합니다.</p> </dd> <dt id="css_레이아웃"><a href="/ko/docs/Learn_web_development/Core/CSS_layout">CSS 레이아웃</a></dt> <dd> <p>여기까지 왔으면 이미 CSS 기초, 텍스트 스타일링, 그리고 콘텐츠가 들어갈 박스를 조작하고 스타일을 적용하는 법을 다뤘으니, 이번엔 박스를 뷰포트나 다른 박스에 상대적인 위치에 원하는 대로 배치하는 법을 알아봅니다. 필요한 사전 지식은 모두 학습했으니 서로 다른 <code>display</code> 설정과 플렉스박스, CSS 그리드처럼 최신 레이아웃 방식, 위치 조정처럼 CSS 레이아웃을 더 자세히 살펴보겠습니다. 마지막으로, 오래됐지만 여전히 알고 있으면 도움이 될만한 레이아웃 방법도 몇 가지 둘러봅니다.</p> </dd> <dt id="일반적인_css_문제_해결하기"><a href="/ko/docs/Learn_web_development/Howto/Solve_CSS_problems">일반적인 CSS 문제 해결하기</a></dt> <dd> <p>이 모듈은 웹 페이지를 만들 때의 일반적인 문제를 CSS를 사용해서 해결하는 법을 설명합니다.</p> </dd> </dl></div></section><section aria-labelledby="참고서"><h2 id="참고서"><a href="#참고서">참고서</a></h2><div class="section-content"><ul> <li> <p><a href="/ko/docs/Web/CSS/Reference">CSS 참고서</a>: 숙련된 웹 개발자를 위해 CSS의 모든 속성과 개념을 설명합니다.</p> </li> <li> <p>CSS 핵심 개념</p> <ul> <li><a href="/ko/docs/Web/CSS/CSS_syntax/Syntax">언어 구문과 형태</a></li> <li><a href="/ko/docs/Web/CSS/CSS_cascade/Specificity">명시도</a>, <a href="/ko/docs/Web/CSS/CSS_cascade/Inheritance">상속</a>, <a href="/en-US/docs/Web/CSS/CSS_cascade/Cascade" class="only-in-en-us">종속</a></li> <li><a href="/ko/docs/Web/CSS/CSS_Values_and_Units">CSS 단위와 값</a>, <a href="/en-US/docs/Web/CSS/CSS_Values_and_Units/CSS_Value_Functions" class="only-in-en-us">CSS 함수 표기법</a></li> <li><a href="/ko/docs/Web/CSS/CSS_box_model/Introduction_to_the_CSS_box_model">박스 모델</a>과 <a href="/ko/docs/Web/CSS/CSS_box_model/Mastering_margin_collapsing">여백 상쇄</a></li> <li><a href="/ko/docs/Web/CSS/CSS_display/Containing_block">컨테이닝 블록</a></li> <li><a href="/ko/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context">쌓임 맥락</a>과 <a href="/en-US/docs/Web/CSS/CSS_display/Block_formatting_context" class="only-in-en-us">블록 서식 맥락</a></li> <li><a href="/ko/docs/Web/CSS/CSS_cascade/initial_value">초기 값</a>, <a href="/ko/docs/Web/CSS/CSS_cascade/computed_value">계산 값</a>, <a href="/ko/docs/Web/CSS/CSS_cascade/used_value">사용 값</a>, <a href="/en-US/docs/Web/CSS/CSS_cascade/actual_value" class="only-in-en-us">실제 값</a></li> <li><a href="/ko/docs/Web/CSS/Shorthand_properties">CSS 단축 속성</a></li> <li><a href="/ko/docs/Web/CSS/CSS_flexible_box_layout">CSS 플렉스박스 레이아웃</a></li> <li><a href="/ko/docs/Web/CSS/CSS_grid_layout">CSS 그리드 레이아웃</a></li> <li><a href="/ko/docs/Web/CSS/CSS_selectors">CSS 선택자</a></li> <li><a href="/ko/docs/Web/CSS/CSS_media_queries">미디어 쿼리</a></li> <li><a href="/ko/docs/Web/CSS/animation">애니메이션</a></li> </ul> </li> </ul></div></section><section aria-labelledby="쿡북"><h2 id="쿡북"><a href="#쿡북">쿡북</a></h2><div class="section-content"><p><a href="/en-US/docs/Web/CSS/Layout_cookbook" class="only-in-en-us">CSS 레이아웃 쿡북</a>은 여러분의 웹 사이트에서도 사용할 일이 생길지 모르는, 흔히 쓰이는 레이아웃 패턴을 모아놓은 문서입니다. 프로젝트에서 사용할 기초 코드에 더해, 레이아웃 명세를 사용하는 각기 다른 방법과 개발자로서 결정할 수 있는 선택지도 제공합니다.</p></div></section><section aria-labelledby="css_개발_도구"><h2 id="css_개발_도구"><a href="#css_개발_도구">CSS 개발 도구</a></h2><div class="section-content"><ul> <li>CSS가 유효한지 검사하는 <a href="http://jigsaw.w3.org/css-validator/" class="external" target="_blank">W3C CSS Validation 서비스</a>. 매우 유용한 디버깅 도구입니다.</li> <li><a href="https://firefox-source-docs.mozilla.org/devtools-user/index.html" class="external" target="_blank">Firefox 개발자 도구</a>를 사용하면 <a href="https://firefox-source-docs.mozilla.org/devtools-user/page_inspector/index.html" class="external" target="_blank">검사기</a>와 <a href="https://firefox-source-docs.mozilla.org/devtools-user/style_editor/index.html" class="external" target="_blank">스타일 편집기</a>를 통해 페이지의 CSS를 살펴보고, 실시간으로 편집할 수 있습니다.</li> <li>Firefox의 <a href="https://addons.mozilla.org/ko/firefox/addon/web-developer/" class="external" target="_blank">Web Developer 확장</a>을 사용해서 주시하는 사이트의 CSS를 추적하고 실시간으로 편집할 수 있습니다.</li> <li>웹 커뮤니티에서는 <a href="/ko/docs/Web/CSS" aria-current="page">다른 여러 가지 CSS 도구</a>도 만들었습니다.</li> </ul></div></section><section aria-labelledby="같이_보기"><h2 id="같이_보기"><a href="#같이_보기">같이 보기</a></h2><div class="section-content"><ul> <li><a class="page-not-created" data-href="/ko/docs/Web/Demos_of_open_web_technologies#CSS" title="이 문서는 아직 작성되지 않았습니다. 기여해 주시겠어요?">CSS 데모</a>: 최신 CSS 기술을 사용한 데모를 탐색하며 영감을 얻어보세요.</li> <li>CSS를 많이 적용하는 웹 언어: <a href="/ko/docs/Web/HTML">HTML</a>, <a href="/ko/docs/Web/SVG">SVG</a>, <a href="/ko/docs/Glossary/XHTML">XHTML</a>, <a href="/ko/docs/Web/XML">XML</a></li> <li><a href="https://stackoverflow.com/questions/tagged/css" class="external" target="_blank">Stack Overflow의 CSS 질문 목록</a></li> </ul></div></section></article><aside class="article-footer"><div class="article-footer-inner"><div class="svg-container"><svg xmlns="http://www.w3.org/2000/svg" width="162" height="162" viewBox="0 0 162 162" fill="none" role="none"><mask id="b" fill="#fff"><path d="M97.203 47.04c8.113-7.886 18.004-13.871 28.906-17.492a78 78 0 0 1 33.969-3.39c11.443 1.39 22.401 5.295 32.024 11.411s17.656 14.28 23.476 23.86c5.819 9.579 9.269 20.318 10.083 31.385a69.85 69.85 0 0 1-5.387 32.44c-4.358 10.272-11.115 19.443-19.747 26.801-8.632 7.359-18.908 12.709-30.034 15.637l-6.17-21.698c7.666-2.017 14.746-5.703 20.694-10.773 5.948-5.071 10.603-11.389 13.606-18.467a48.14 48.14 0 0 0 3.712-22.352c-.561-7.625-2.938-15.025-6.948-21.625s-9.544-12.226-16.175-16.44-14.181-6.904-22.065-7.863a53.75 53.75 0 0 0-23.405 2.336c-7.513 2.495-14.327 6.62-19.918 12.053z"></path></mask><path stroke="url(#a)" stroke-dasharray="6, 6" stroke-width="2" d="M97.203 47.04c8.113-7.886 18.004-13.871 28.906-17.492a78 78 0 0 1 33.969-3.39c11.443 1.39 22.401 5.295 32.024 11.411s17.656 14.28 23.476 23.86c5.819 9.579 9.269 20.318 10.083 31.385a69.85 69.85 0 0 1-5.387 32.44c-4.358 10.272-11.115 19.443-19.747 26.801-8.632 7.359-18.908 12.709-30.034 15.637l-6.17-21.698c7.666-2.017 14.746-5.703 20.694-10.773 5.948-5.071 10.603-11.389 13.606-18.467a48.14 48.14 0 0 0 3.712-22.352c-.561-7.625-2.938-15.025-6.948-21.625s-9.544-12.226-16.175-16.44-14.181-6.904-22.065-7.863a53.75 53.75 0 0 0-23.405 2.336c-7.513 2.495-14.327 6.62-19.918 12.053z" mask="url(#b)" style="stroke:url(#a)" transform="translate(-63.992 -25.587)"></path><ellipse cx="8.066" cy="111.597" fill="var(--background-tertiary)" rx="53.677" ry="53.699" transform="matrix(.71707 -.697 .7243 .6895 0 0)"></ellipse><g clip-path="url(#c)" transform="translate(-63.992 -25.587)"><path fill="#9abff5" d="m144.256 137.379 32.906 12.434a4.41 4.41 0 0 1 2.559 5.667l-9.326 24.679a4.41 4.41 0 0 1-5.667 2.559l-8.226-3.108-2.332 6.17c-.466 1.233-.375 1.883-1.609 1.417l-2.253-.527c-.411-.155-.95-.594-1.206-1.161l-4.734-10.484-12.545-4.741a4.41 4.41 0 0 1-2.559-5.667l9.325-24.679a4.41 4.41 0 0 1 5.667-2.559m9.961 29.617 8.227 3.108 3.264-8.638-.498-6.768-4.113-1.555.548 7.258-4.319-1.632zm-12.339-4.663 8.226 3.108 3.264-8.637-.498-6.769-4.113-1.554.548 7.257-4.319-1.632z"></path></g><g clip-path="url(#d)" transform="translate(-63.992 -25.587)"><path fill="#81b0f3" d="M135.35 60.136 86.67 41.654c-3.346-1.27-7.124.428-8.394 3.775L64.414 81.938c-1.27 3.347.428 7.125 3.774 8.395l12.17 4.62-3.465 9.128c-.693 1.826-1.432 2.457.394 3.15l3.014 1.625c.609.231 1.637.274 2.477-.104l15.53-6.983 18.56 7.047c3.346 1.27 7.124-.428 8.395-3.775l13.862-36.51c1.27-3.346-.428-7.124-3.775-8.395M95.261 83.207l-12.17-4.62 4.852-12.779 7.19-7.017 6.085 2.31-7.725 7.51 6.389 2.426zm18.255 6.93-12.17-4.62 4.852-12.778 7.189-7.017 6.085 2.31-7.725 7.51 6.39 2.426z"></path></g><defs><clipPath id="c"><path fill="#fff" d="m198.638 146.586-65.056-24.583-24.583 65.057 65.056 24.582z"></path></clipPath><clipPath id="d"><path fill="#fff" d="m66.438 14.055 96.242 36.54-36.54 96.243-96.243-36.54z"></path></clipPath><linearGradient id="a" x1="97.203" x2="199.995" y1="47.04" y2="152.793" gradientUnits="userSpaceOnUse"><stop stop-color="#086DFC"></stop><stop offset="0.246" stop-color="#2C81FA"></stop><stop offset="0.516" stop-color="#5497F8"></stop><stop offset="0.821" stop-color="#80B0F6"></stop><stop offset="1" stop-color="#9ABFF5"></stop></linearGradient></defs></svg></div><h2>Help improve MDN</h2><fieldset class="feedback"><label>Was this page helpful to you?</label><div class="button-container"><button type="button" class="button primary has-icon yes"><span class="button-wrap"><span class="icon icon-thumbs-up "></span>Yes</span></button><button type="button" class="button primary has-icon no"><span class="button-wrap"><span class="icon icon-thumbs-down "></span>No</span></button></div></fieldset><a class="contribute" href="https://github.com/mdn/translated-content/blob/main/CONTRIBUTING.md" title="This will take you to our contribution guidelines on GitHub." target="_blank" rel="noopener noreferrer">Learn how to contribute</a>.<p class="last-modified-date">This page was last modified on <time dateTime="2024-12-17T09:16:59.000Z">2024년 12월 17일</time> by <a href="/ko/docs/Web/CSS/contributors.txt" rel="nofollow">MDN contributors</a>.</p><div id="on-github" class="on-github"><a href="https://github.com/mdn/translated-content/blob/main/files/ko/web/css/index.md?plain=1" title="Folder: ko/web/css (Opens in a new tab)" target="_blank" rel="noopener noreferrer">View this page on GitHub</a> • <a href="https://github.com/mdn/translated-content/issues/new?template=page-report-ko.yml&mdn-url=https%3A%2F%2Fdeveloper.mozilla.org%2Fko%2Fdocs%2FWeb%2FCSS&metadata=%3C%21--+Do+not+make+changes+below+this+line+--%3E%0A%3Cdetails%3E%0A%3Csummary%3EPage+report+details%3C%2Fsummary%3E%0A%0A*+Folder%3A+%60ko%2Fweb%2Fcss%60%0A*+MDN+URL%3A+https%3A%2F%2Fdeveloper.mozilla.org%2Fko%2Fdocs%2FWeb%2FCSS%0A*+GitHub+URL%3A+https%3A%2F%2Fgithub.com%2Fmdn%2Ftranslated-content%2Fblob%2Fmain%2Ffiles%2Fko%2Fweb%2Fcss%2Findex.md%0A*+Last+commit%3A+https%3A%2F%2Fgithub.com%2Fmdn%2Ftranslated-content%2Fcommit%2F09754a6288962d9131e16383e9b3c78a3f26c685%0A*+Document+last+modified%3A+2024-12-17T09%3A16%3A59.000Z%0A%0A%3C%2Fdetails%3E" title="This will take you to GitHub to file a new issue." target="_blank" rel="noopener noreferrer">Report a problem with this content</a></div></div></aside></main></div></div><footer id="nav-footer" class="page-footer"><div class="page-footer-grid"><div class="page-footer-logo-col"><a href="/" class="mdn-footer-logo" aria-label="MDN homepage"><svg width="48" height="17" viewBox="0 0 48 17" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="mdn-footer-logo-svg">MDN logo</title><path d="M20.04 16.512H15.504V10.416C15.504 9.488 15.344 8.824 15.024 8.424C14.72 8.024 14.264 7.824 13.656 7.824C12.92 7.824 12.384 8.064 12.048 8.544C11.728 9.024 11.568 9.64 11.568 10.392V14.184H13.008V16.512H8.472V10.416C8.472 9.488 8.312 8.824 7.992 8.424C7.688 8.024 7.232 7.824 6.624 7.824C5.872 7.824 5.336 8.064 5.016 8.544C4.696 9.024 4.536 9.64 4.536 10.392V14.184H6.6V16.512H0V14.184H1.44V8.04H0.024V5.688H4.536V7.32C5.224 6.088 6.32 5.472 7.824 5.472C8.608 5.472 9.328 5.664 9.984 6.048C10.64 6.432 11.096 7.016 11.352 7.8C11.992 6.248 13.168 5.472 14.88 5.472C15.856 5.472 16.72 5.776 17.472 6.384C18.224 6.992 18.6 7.936 18.6 9.216V14.184H20.04V16.512Z" fill="currentColor"></path><path d="M33.6714 16.512H29.1354V14.496C28.8314 15.12 28.3834 15.656 27.7914 16.104C27.1994 16.536 26.4154 16.752 25.4394 16.752C24.0154 16.752 22.8954 16.264 22.0794 15.288C21.2634 14.312 20.8554 12.984 20.8554 11.304C20.8554 9.688 21.2554 8.312 22.0554 7.176C22.8554 6.04 24.0634 5.472 25.6794 5.472C26.5594 5.472 27.2794 5.648 27.8394 6C28.3994 6.352 28.8314 6.8 29.1354 7.344V2.352H26.9754V0H32.2314V14.184H33.6714V16.512ZM29.1354 11.04V10.776C29.1354 9.88 28.8954 9.184 28.4154 8.688C27.9514 8.176 27.3674 7.92 26.6634 7.92C25.9754 7.92 25.3674 8.176 24.8394 8.688C24.3274 9.2 24.0714 10.008 24.0714 11.112C24.0714 12.152 24.3114 12.944 24.7914 13.488C25.2714 14.032 25.8394 14.304 26.4954 14.304C27.3114 14.304 27.9514 13.96 28.4154 13.272C28.8954 12.584 29.1354 11.84 29.1354 11.04Z" fill="currentColor"></path><path d="M47.9589 16.512H41.9829V14.184H43.4229V10.416C43.4229 9.488 43.2629 8.824 42.9429 8.424C42.6389 8.024 42.1829 7.824 41.5749 7.824C40.8389 7.824 40.2709 8.056 39.8709 8.52C39.4709 8.968 39.2629 9.56 39.2469 10.296V14.184H40.6869V16.512H34.7109V14.184H36.1509V8.04H34.5909V5.688H39.2469V7.344C39.9669 6.096 41.1269 5.472 42.7269 5.472C43.7509 5.472 44.6389 5.776 45.3909 6.384C46.1429 6.992 46.5189 7.936 46.5189 9.216V14.184H47.9589V16.512Z" fill="currentColor"></path></svg></a><p>Your blueprint for a better internet.</p><ul class="social-icons"><li><a href="https://mastodon.social/@mdn" target="_blank" rel="me noopener noreferrer"><span class="icon icon-mastodon"></span><span class="visually-hidden">MDN on Mastodon</span></a></li><li><a href="https://twitter.com/mozdevnet" target="_blank" rel="noopener noreferrer"><span class="icon icon-twitter-x"></span><span class="visually-hidden">MDN on X (formerly Twitter)</span></a></li><li><a href="https://github.com/mdn/" target="_blank" rel="noopener noreferrer"><span class="icon icon-github-mark-small"></span><span class="visually-hidden">MDN on GitHub</span></a></li><li><a href="/en-US/blog/rss.xml" target="_blank"><span class="icon icon-feed"></span><span class="visually-hidden">MDN Blog RSS Feed</span></a></li></ul></div><div class="page-footer-nav-col-1"><h2 class="footer-nav-heading">MDN</h2><ul class="footer-nav-list"><li class="footer-nav-item"><a href="/en-US/about">About</a></li><li class="footer-nav-item"><a href="/en-US/blog/">Blog</a></li><li class="footer-nav-item"><a href="https://www.mozilla.org/en-US/careers/listings/?team=ProdOps" target="_blank" rel="noopener noreferrer">Careers</a></li><li class="footer-nav-item"><a href="/en-US/advertising">Advertise with us</a></li></ul></div><div class="page-footer-nav-col-2"><h2 class="footer-nav-heading">Support</h2><ul class="footer-nav-list"><li class="footer-nav-item"><a class="footer-nav-link" href="https://support.mozilla.org/products/mdn-plus">Product help</a></li><li class="footer-nav-item"><a class="footer-nav-link" href="/ko/docs/MDN/Community/Issues">Report an issue</a></li></ul></div><div class="page-footer-nav-col-3"><h2 class="footer-nav-heading">Our communities</h2><ul class="footer-nav-list"><li class="footer-nav-item"><a class="footer-nav-link" href="/en-US/community">MDN Community</a></li><li class="footer-nav-item"><a class="footer-nav-link" href="https://discourse.mozilla.org/c/mdn/236" target="_blank" rel="noopener noreferrer">MDN Forum</a></li><li class="footer-nav-item"><a class="footer-nav-link" href="/discord" target="_blank" rel="noopener noreferrer">MDN Chat</a></li></ul></div><div class="page-footer-nav-col-4"><h2 class="footer-nav-heading">Developers</h2><ul class="footer-nav-list"><li class="footer-nav-item"><a class="footer-nav-link" href="/ko/docs/Web">Web Technologies</a></li><li class="footer-nav-item"><a class="footer-nav-link" href="/ko/docs/Learn">Learn Web Development</a></li><li class="footer-nav-item"><a class="footer-nav-link" href="/ko/plus">MDN Plus</a></li><li class="footer-nav-item"><a href="https://hacks.mozilla.org/" target="_blank" rel="noopener noreferrer">Hacks Blog</a></li></ul></div><div class="page-footer-moz"><a href="https://www.mozilla.org/" class="footer-moz-logo-link" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" width="137" height="32" fill="none" viewBox="0 0 267.431 62.607"><path fill="currentColor" d="m13.913 23.056 5.33 25.356h2.195l5.33-25.356h14.267v38.976h-7.578V29.694h-2.194l-7.264 32.337h-7.343L9.418 29.694H7.223v32.337H-.354V23.056Zm47.137 9.123c9.12 0 14.423 5.385 14.423 15.214s-5.33 15.214-14.423 15.214c-9.12 0-14.423-5.385-14.423-15.214 0-9.855 5.304-15.214 14.423-15.214m0 24.363c4.285 0 6.428-2.196 6.428-7.032v-4.287c0-4.836-2.143-7.032-6.428-7.032s-6.428 2.196-6.428 7.032v4.287c0 4.836 2.143 7.032 6.428 7.032m18.473-.157 15.47-18.01h-15.26v-5.647h24.352v5.646L88.616 56.385h15.704v5.646H79.523Zm29.318-23.657h11.183V62.03h-7.578V38.375h-3.632v-5.646zm3.605-9.672h7.578v5.646h-7.578zm13.17 0h11.21v38.976h-7.578v-33.33h-3.632zm16.801 0H153.6v38.976h-7.577v-33.33h-3.632v-5.646zm29.03 9.123c4.442 0 7.394 2.143 8.231 5.881h2.194v-5.332h9.276v5.646h-3.632v18.011h3.632v5.646h-4.442c-3.135 0-4.834-1.699-4.834-4.836V56.7h-2.194c-.81 3.738-3.789 5.881-8.23 5.881-6.978 0-11.916-5.829-11.916-15.214 0-9.384 4.938-15.187 11.915-15.187m2.3 24.363c4.284 0 6.192-2.196 6.192-7.032v-4.287c0-4.836-1.908-7.032-6.193-7.032-4.18 0-6.193 2.196-6.193 7.032v4.287c0 4.836 2.012 7.032 6.193 7.032m48.34 5.489h-7.577V0h7.577zm6.585-29.643h32.165v-2.196l-21.295-7.634v-6.143l21.295-7.633V6.588h-25.345V0h32.165v12.522l-17.35 5.881V20.6l17.35 5.882v12.521h-38.985zm0-25.801h6.794v6.796h-6.794z"></path></svg></a><ul class="footer-moz-list"><li class="footer-moz-item"><a href="https://www.mozilla.org/privacy/websites/" class="footer-moz-link" target="_blank" rel="noopener noreferrer">Website Privacy Notice</a></li><li class="footer-moz-item"><a href="https://www.mozilla.org/privacy/websites/#cookies" class="footer-moz-link" target="_blank" rel="noopener noreferrer">Cookies</a></li><li class="footer-moz-item"><a href="https://www.mozilla.org/about/legal/terms/mozilla" class="footer-moz-link" target="_blank" rel="noopener noreferrer">Legal</a></li><li class="footer-moz-item"><a href="https://www.mozilla.org/about/governance/policies/participation/" class="footer-moz-link" target="_blank" rel="noopener noreferrer">Community Participation Guidelines</a></li></ul></div><div class="page-footer-legal"><p id="license" class="page-footer-legal-text">Visit <a href="https://www.mozilla.org" target="_blank" rel="noopener noreferrer">Mozilla Corporation’s</a> not-for-profit parent, the <a target="_blank" rel="noopener noreferrer" href="https://foundation.mozilla.org/">Mozilla Foundation</a>.<br/>Portions of this content are ©1998–2025 by individual mozilla.org contributors. Content available under <a href="/ko/docs/MDN/Writing_guidelines/Attrib_copyright_license">a Creative Commons license</a>.</p></div></div></footer></div><script type="application/json" id="hydration">{"url":"/ko/docs/Web/CSS","doc":{"body":[{"type":"prose","value":{"id":null,"title":null,"isH3":false,"content":"<p><strong>Cascading Style Sheets</strong>(<strong>CSS</strong>)는 <a href=\"/ko/docs/Web/HTML\">HTML</a>이나\n<a href=\"/ko/docs/Web/XML\">XML</a>(XML의 방언인 <a href=\"/ko/docs/Web/SVG\">SVG</a>,\n<a href=\"/ko/docs/Glossary/XHTML\">XHTML</a> 포함)로 작성된 문서의 표시 방법을 기술하기 위한\n<a href=\"/ko/docs/Web/API/StyleSheet\">스타일 시트</a> 언어입니다. CSS는 요소가 화면, 종이, 음성이나 다른 매체 상에\n어떻게 렌더링되어야 하는지 지정합니다.</p>\n<p>CSS는 <strong>오픈 웹</strong>의 핵심 언어 중 하나이며, <a href=\"https://w3.org/Style/CSS/#specs\" class=\"external\" target=\"_blank\">W3C 명세</a>가 다양한\n브라우저의 표준으로 작동하고 있습니다. 과거에는 CSS 명세의 다양한 부분을 순차적으로 개발했으므로 CSS1, CSS2.1,\nCSS3처럼 버전을 붙이는 것이 가능했습니다. 그러나 공식 버전이 CSS4로 올라가지는 않을 것입니다.</p>\n<p>CSS3 이후, CSS 명세의 범위가 엄청나게 넓어짐에 따라 여러 CSS 모듈 사이의 차이도 너무나 커졌습니다. 그래서 이제는\n<a href=\"https://www.w3.org/Style/CSS/current-work\" class=\"external\" target=\"_blank\">권고안을 모듈별로 개발하고 공개</a>하는 것이 더 효과적인\n상황입니다. 이제 W3C는 CSS 명세의 버전을 올리지 않고, 대신 주기적으로\n<a href=\"https://www.w3.org/TR/css/\" class=\"external\" target=\"_blank\">CSS 명세 안정판</a>의 스냅샷을 생성하고 있습니다.</p>"}},{"type":"prose","value":{"id":"중요한_자료","title":"중요한 자료","isH3":false,"content":"<dl>\n<dt id=\"css_소개\"><a href=\"#css_소개\">CSS 소개</a></dt>\n<dd>\n<p>웹 개발이 처음이시라면 <a href=\"/ko/docs/Learn_web_development/Getting_started/Your_first_website/Styling_the_content\">CSS 기본</a> 문서에서 CSS란\n무엇인지, 그리고 CSS의 사용법을 배워보세요.</p>\n</dd>\n<dt id=\"css_자습서\"><a href=\"#css_자습서\">CSS 자습서</a></dt>\n<dd>\n<p>MDN의 <a href=\"/ko/docs/conflicting/Learn_web_development/Core/Styling_basics_b957eec7deaf1ea2b20721d6838ea6e1\">CSS 학습지</a>는 기초 수준부터 숙련 레벨까지, 모든 기초를 망라하는 방대한\n자습서를 포함하고 있습니다.</p>\n</dd>\n<dt id=\"css_참고서\"><a href=\"#css_참고서\">CSS 참고서</a></dt>\n<dd>\n<p>MDN의 <a href=\"/ko/docs/Web/CSS/Reference\">CSS 전체 참고서</a>는 숙련된 개발자를 위해 CSS의 모든 속성과 개념의\n설명을 제공합니다.</p>\n</dd>\n</dl>\n<div class=\"callout\">\n\n<p>프런트엔드 웹 개발자가 되고자 하시나요?목표를 달성하기 위한 모든 필수 정보가 들어있는 교육 과정을 준비했습니다.<a href=\"/ko/docs/orphaned/Learn/Front-end_web_developer\"><strong>시작하기</strong></a></p>\n</div>"}},{"type":"prose","value":{"id":"자습서","title":"자습서","isH3":false,"content":"<p>MDN <a href=\"/ko/docs/conflicting/Learn_web_development/Core/Styling_basics_b957eec7deaf1ea2b20721d6838ea6e1\">CSS 학습지</a>는 CSS를 처음부터 알려주는 모듈로 구성되어 있습니다. 사전 지식도\n필요하지 않습니다.</p>\n<dl>\n<dt id=\"css_첫걸음\"><a href=\"/ko/docs/conflicting/Learn_web_development/Core/Styling_basics\">CSS 첫걸음</a></dt>\n<dd>\n<p>CSS(Cascading Style Sheets)는 웹 페이지에 스타일과 레이아웃을 적용할 때 사용합니다. 예시를 몇 가지 들자면 글꼴,\n색상, 크기를 조절하고, 콘텐츠의 간격을 조정하고, 페이지를 여러개의 열로 나누고, 애니메이션 등 장식을 추가할 수도\n있습니다. 이 모듈에서는 CSS의 기본적인 작동 원리와 구문의 생김새, HTML에 실제로 적용하는 법을 배우면서 다음 과정으로\n가는 길을 닦습니다.</p>\n</dd>\n<dt id=\"css의_구성_블록\"><a href=\"/ko/docs/Learn_web_development/Core/Styling_basics\">CSS의 구성 블록</a></dt>\n<dd>\n<p>이 모듈은 <a href=\"/ko/docs/conflicting/Learn_web_development/Core/Styling_basics\">CSS 첫걸음</a>이 끝난 곳부터 시작합니다. 이제 언어와 구문에\n익숙해졌고, 기본적인 사용법도 익혀봤으니 약간 더 깊게 들어갈 차례입니다. 이 모듈에서는 종속과 상속, 사용할 수 있는\n모든 선택자 유형, 단위와 크기, 배경과 테두리 스타일, 디버깅 등등 많은 것을 알아봅니다.</p>\n<p>여기의 목표는 여러분이 훌륭한 CSS를 작성할 수 있도록 도구를 제공하고,\n<a href=\"/ko/docs/Learn_web_development/Core/Text_styling\">텍스트 스타일링</a>나\n<a href=\"/ko/docs/Learn_web_development/Core/CSS_layout\">CSS 레이아웃</a>처럼 더 상세한 주제로 들어가기 전에 알고 있어야 할 필수\n이론을 익히는 것입니다.</p>\n</dd>\n<dt id=\"텍스트_스타일링\"><a href=\"/ko/docs/Learn_web_development/Core/Text_styling\">텍스트 스타일링</a></dt>\n<dd>\n<p>CSS 언어 기초를 다뤘으니, 다음 주제는 대표적인 CSS의 영역인 텍스트 스타일링에 집중합니다. 여기서는 글꼴 설정, 굵기,\n기울임꼴, 행간과 자간, 그림자 등 다양한 텍스트 기능을 배웁니다. 그 후 사용자 지정 글꼴을 페이지에 적용하는 법,\n그리고 리스트와 링크 스타일로 모듈을 마무리합니다.</p>\n</dd>\n<dt id=\"css_레이아웃\"><a href=\"/ko/docs/Learn_web_development/Core/CSS_layout\">CSS 레이아웃</a></dt>\n<dd>\n<p>여기까지 왔으면 이미 CSS 기초, 텍스트 스타일링, 그리고 콘텐츠가 들어갈 박스를 조작하고 스타일을 적용하는 법을\n다뤘으니, 이번엔 박스를 뷰포트나 다른 박스에 상대적인 위치에 원하는 대로 배치하는 법을 알아봅니다. 필요한 사전\n지식은 모두 학습했으니 서로 다른 <code>display</code> 설정과 플렉스박스, CSS 그리드처럼 최신 레이아웃 방식, 위치\n조정처럼 CSS 레이아웃을 더 자세히 살펴보겠습니다. 마지막으로, 오래됐지만 여전히 알고 있으면 도움이 될만한 레이아웃\n방법도 몇 가지 둘러봅니다.</p>\n</dd>\n<dt id=\"일반적인_css_문제_해결하기\"><a href=\"/ko/docs/Learn_web_development/Howto/Solve_CSS_problems\">일반적인 CSS 문제 해결하기</a></dt>\n<dd>\n<p>이 모듈은 웹 페이지를 만들 때의 일반적인 문제를 CSS를 사용해서 해결하는 법을 설명합니다.</p>\n</dd>\n</dl>"}},{"type":"prose","value":{"id":"참고서","title":"참고서","isH3":false,"content":"<ul>\n<li>\n<p><a href=\"/ko/docs/Web/CSS/Reference\">CSS 참고서</a>: 숙련된 웹 개발자를 위해 CSS의 모든 속성과 개념을 설명합니다.</p>\n</li>\n<li>\n<p>CSS 핵심 개념</p>\n<ul>\n<li><a href=\"/ko/docs/Web/CSS/CSS_syntax/Syntax\">언어 구문과 형태</a></li>\n<li><a href=\"/ko/docs/Web/CSS/CSS_cascade/Specificity\">명시도</a>, <a href=\"/ko/docs/Web/CSS/CSS_cascade/Inheritance\">상속</a>,\n<a href=\"/en-US/docs/Web/CSS/CSS_cascade/Cascade\" class=\"only-in-en-us\">종속</a></li>\n<li><a href=\"/ko/docs/Web/CSS/CSS_Values_and_Units\">CSS 단위와 값</a>,\n<a href=\"/en-US/docs/Web/CSS/CSS_Values_and_Units/CSS_Value_Functions\" class=\"only-in-en-us\">CSS 함수 표기법</a></li>\n<li><a href=\"/ko/docs/Web/CSS/CSS_box_model/Introduction_to_the_CSS_box_model\">박스 모델</a>과\n<a href=\"/ko/docs/Web/CSS/CSS_box_model/Mastering_margin_collapsing\">여백 상쇄</a></li>\n<li><a href=\"/ko/docs/Web/CSS/CSS_display/Containing_block\">컨테이닝 블록</a></li>\n<li><a href=\"/ko/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context\">쌓임 맥락</a>과\n<a href=\"/en-US/docs/Web/CSS/CSS_display/Block_formatting_context\" class=\"only-in-en-us\">블록 서식 맥락</a></li>\n<li><a href=\"/ko/docs/Web/CSS/CSS_cascade/initial_value\">초기 값</a>, <a href=\"/ko/docs/Web/CSS/CSS_cascade/computed_value\">계산 값</a>,\n<a href=\"/ko/docs/Web/CSS/CSS_cascade/used_value\">사용 값</a>, <a href=\"/en-US/docs/Web/CSS/CSS_cascade/actual_value\" class=\"only-in-en-us\">실제 값</a></li>\n<li><a href=\"/ko/docs/Web/CSS/Shorthand_properties\">CSS 단축 속성</a></li>\n<li><a href=\"/ko/docs/Web/CSS/CSS_flexible_box_layout\">CSS 플렉스박스 레이아웃</a></li>\n<li><a href=\"/ko/docs/Web/CSS/CSS_grid_layout\">CSS 그리드 레이아웃</a></li>\n<li><a href=\"/ko/docs/Web/CSS/CSS_selectors\">CSS 선택자</a></li>\n<li><a href=\"/ko/docs/Web/CSS/CSS_media_queries\">미디어 쿼리</a></li>\n<li><a href=\"/ko/docs/Web/CSS/animation\">애니메이션</a></li>\n</ul>\n</li>\n</ul>"}},{"type":"prose","value":{"id":"쿡북","title":"쿡북","isH3":false,"content":"<p><a href=\"/en-US/docs/Web/CSS/Layout_cookbook\" class=\"only-in-en-us\">CSS 레이아웃 쿡북</a>은 여러분의 웹 사이트에서도 사용할 일이 생길지 모르는,\n흔히 쓰이는 레이아웃 패턴을 모아놓은 문서입니다. 프로젝트에서 사용할 기초 코드에 더해, 레이아웃 명세를 사용하는 각기\n다른 방법과 개발자로서 결정할 수 있는 선택지도 제공합니다.</p>"}},{"type":"prose","value":{"id":"css_개발_도구","title":"CSS 개발 도구","isH3":false,"content":"<ul>\n<li>CSS가 유효한지 검사하는\n<a href=\"http://jigsaw.w3.org/css-validator/\" class=\"external\" target=\"_blank\">W3C CSS Validation 서비스</a>. 매우 유용한 디버깅 도구입니다.</li>\n<li><a href=\"https://firefox-source-docs.mozilla.org/devtools-user/index.html\" class=\"external\" target=\"_blank\">Firefox 개발자 도구</a>를 사용하면 <a href=\"https://firefox-source-docs.mozilla.org/devtools-user/page_inspector/index.html\" class=\"external\" target=\"_blank\">검사기</a>와\n<a href=\"https://firefox-source-docs.mozilla.org/devtools-user/style_editor/index.html\" class=\"external\" target=\"_blank\">스타일 편집기</a>를 통해 페이지의 CSS를 살펴보고, 실시간으로 편집할 수\n있습니다.</li>\n<li>Firefox의 <a href=\"https://addons.mozilla.org/ko/firefox/addon/web-developer/\" class=\"external\" target=\"_blank\">Web Developer 확장</a>을 사용해서\n주시하는 사이트의 CSS를 추적하고 실시간으로 편집할 수 있습니다.</li>\n<li>웹 커뮤니티에서는 <a href=\"/ko/docs/Web/CSS\" aria-current=\"page\">다른 여러 가지 CSS 도구</a>도 만들었습니다.</li>\n</ul>"}},{"type":"prose","value":{"id":"같이_보기","title":"같이 보기","isH3":false,"content":"<ul>\n<li><a class=\"page-not-created\" data-href=\"/ko/docs/Web/Demos_of_open_web_technologies#CSS\" title=\"이 문서는 아직 작성되지 않았습니다. 기여해 주시겠어요?\">CSS 데모</a>: 최신 CSS 기술을 사용한 데모를 탐색하며\n영감을 얻어보세요.</li>\n<li>CSS를 많이 적용하는 웹 언어: <a href=\"/ko/docs/Web/HTML\">HTML</a>, <a href=\"/ko/docs/Web/SVG\">SVG</a>,\n<a href=\"/ko/docs/Glossary/XHTML\">XHTML</a>, <a href=\"/ko/docs/Web/XML\">XML</a></li>\n<li><a href=\"https://stackoverflow.com/questions/tagged/css\" class=\"external\" target=\"_blank\">Stack Overflow의 CSS 질문 목록</a></li>\n</ul>"}}],"isActive":true,"isMarkdown":true,"isTranslated":true,"locale":"ko","mdn_url":"/ko/docs/Web/CSS","modified":"2024-12-17T09:16:59.000Z","native":"한국어","noIndexing":false,"other_translations":[{"locale":"en-US","title":"CSS: Cascading Style Sheets","native":"English (US)"},{"locale":"de","title":"CSS: Cascading Stylesheets","native":"Deutsch"},{"locale":"es","title":"CSS","native":"Español"},{"locale":"fr","title":"CSS : Feuilles de style en cascade","native":"Français"},{"locale":"ja","title":"CSS: カスケーディングスタイルシート","native":"日本語"},{"locale":"pt-BR","title":"CSS","native":"Português (do Brasil)"},{"locale":"ru","title":"CSS: каскадные таблицы стилей","native":"Русский"},{"locale":"zh-CN","title":"CSS：层叠样式表","native":"中文 (简体)"},{"locale":"zh-TW","title":"CSS","native":"正體中文 (繁體)"}],"pageTitle":"CSS: Cascading Style Sheets | MDN","parents":[{"uri":"/ko/docs/Web","title":"개발자를 위한 웹 기술"},{"uri":"/ko/docs/Web/CSS","title":"CSS"}],"popularity":null,"short_title":"CSS","sidebarHTML":"<ol><li class=\"section\"><em><a href=\"/ko/docs/Web/CSS\" aria-current=\"page\">CSS</a></em></li><li class=\"section\"><a href=\"/ko/docs/Learn_web_development/Core/Styling_basics\">Beginner's tutorials</a></li><li><a href=\"/ko/docs/Learn_web_development/Getting_started/Your_first_website/Styling_the_content\">Your first website: Styling the content</a></li><li class=\"toggle\"><details><summary><a href=\"/ko/docs/Learn_web_development/Core/Styling_basics\">CSS styling basics</a></summary><ol><li><a href=\"/ko/docs/Learn_web_development/Core/Styling_basics/What_is_CSS\">CSS 작동 방식</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/Styling_basics/Getting_started\">CSS 로 시작하기</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/Styling_basics/Styling_a_bio_page\">새로운 지식을 사용하기</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/Styling_basics/Basic_selectors\">CSS 선택자</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/Styling_basics/Attribute_selectors\">속성 선택자</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/Styling_basics/Pseudo_classes_and_elements\">의사 클래스와 의사 요소</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/Styling_basics/Combinators\">결합자</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/Styling_basics/Box_model\">박스 모델</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/Styling_basics/Handling_conflicts\">계단식 및 상속</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/Styling_basics/Values_and_units\">CSS 값과 단위</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/Styling_basics/Sizing\">CSS 에서 항목 크기 조정</a></li><li><a href=\"/en-US/docs/Learn_web_development/Core/Styling_basics/Backgrounds_and_borders\" class=\"only-in-en-us\">Backgrounds and borders</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/Styling_basics/Overflow\">콘텐츠 overflow</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/Styling_basics/Images_media_forms\">이미지, 미디어 및 양식 요소</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/Styling_basics/Tables\">표 스타일링</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/Styling_basics/Debugging_CSS\">CSS 디버깅</a></li><li><a href=\"/en-US/docs/Learn_web_development/Core/Styling_basics/Fundamental_CSS_comprehension\" class=\"only-in-en-us\">Challenge: Fundamental CSS comprehension</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/Styling_basics/Fancy_letterheaded_paper\">멋진 편지지 양식 만들기</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/Styling_basics/Cool-looking_box\">멋지게 보이는 박스</a></li></ol></details></li><li class=\"toggle\"><details><summary><a href=\"/ko/docs/Learn_web_development/Core/Text_styling\">CSS text styling</a></summary><ol><li><a href=\"/ko/docs/Learn_web_development/Core/Text_styling/Fundamentals\">기본적인 텍스트 및 글꼴 스타일링</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/Text_styling/Styling_lists\">목록 스타일링</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/Text_styling/Styling_links\">스타일링 링크</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/Text_styling/Web_fonts\">웹 폰트</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/Text_styling/Typesetting_a_homepage\">커뮤니티 대학 홈페이지 레이아웃 구성하기</a></li></ol></details></li><li class=\"toggle\"><details><summary><a href=\"/ko/docs/Learn_web_development/Core/CSS_layout\">CSS 레이아웃</a></summary><ol><li><a href=\"/ko/docs/Learn_web_development/Core/CSS_layout/Introduction\">CSS 레이아웃 입문서</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/CSS_layout/Floats\">Floats</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/CSS_layout/Positioning\">위치잡기</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/CSS_layout/Flexbox\">Flexbox</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/CSS_layout/Grids\">그리드</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/CSS_layout/Responsive_Design\">반응형 디자인</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/CSS_layout/Media_queries\">미디어 쿼리 초보자 안내서</a></li><li><a href=\"/ko/docs/Learn_web_development/Core/CSS_layout/Fundamental_Layout_Comprehension\">레이아웃 이해의 핵심 사항</a></li></ol></details></li><li class=\"section\"><a href=\"/ko/docs/Web/CSS/Reference\">CSS 참고서</a></li><li class=\"toggle\"><details><summary>Modules</summary><ol><li><a href=\"/en-US/docs/Web/CSS/CSS_anchor_positioning\" class=\"only-in-en-us\">CSS anchor positioning</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_animations\" class=\"only-in-en-us\">CSS animations</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_backgrounds_and_borders\">CSS 배경 및 테두리</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_basic_user_interface\">CSS Basic User Interface</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_box_alignment\" class=\"only-in-en-us\">CSS box alignment</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_box_model\">CSS box model</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_box_sizing\" class=\"only-in-en-us\">CSS box sizing</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_cascade\" class=\"only-in-en-us\">CSS cascading and inheritance</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_color_adjustment\">CSS 색상 조정</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_colors\">CSS colors</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_compositing_and_blending\">Compositing and Blending</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_conditional_rules\">CSS Conditional Rules</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_containment\">CSS Containment</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_counter_styles\">CSS counter styles</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_cascading_variables\">CSS Custom Properties for Cascading Variables</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_display\" class=\"only-in-en-us\">CSS display</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_filter_effects\">Filter Effects</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_flexible_box_layout\">CSS Flexible Box Layout</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_font_loading\">CSS font loading</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_fonts\">CSS Fonts</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_fragmentation\" class=\"only-in-en-us\">CSS fragmentation</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_generated_content\">CSS Generated Content</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_grid_layout\">CSS 그리드 레이아웃</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_images\">CSS Images</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_inline_layout\" class=\"only-in-en-us\">CSS inline layout</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_lists\">CSS Lists</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_logical_properties_and_values\">CSS 논리적 속성과 값</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_masking\">CSS Masking</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_media_queries\">미디어 쿼리</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_motion_path\" class=\"only-in-en-us\">CSS motion path</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_multicol_layout\">CSS Multi-column Layout</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_namespaces\">CSS Namespaces</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_nesting\">CSS nesting</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_overflow\" class=\"only-in-en-us\">CSS overflow</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_overscroll_behavior\" class=\"only-in-en-us\">CSS overscroll behavior</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_paged_media\">CSS paged media</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_positioned_layout\">CSS positioned layout</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_properties_and_values_API\" class=\"only-in-en-us\">CSS properties and values API</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_pseudo-elements\" class=\"only-in-en-us\">CSS pseudo-elements</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_ruby_layout\">CSS Ruby</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_scoping\" class=\"only-in-en-us\">CSS scoping</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_scroll_snap\">CSS Scroll Snap Points</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_scroll-driven_animations\" class=\"only-in-en-us\">CSS scroll-driven animations</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_scrollbars_styling\">CSS Scrollbars</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_selectors\">CSS 선택자</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_shadow_parts\" class=\"only-in-en-us\">CSS shadow parts</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_shapes\">CSS Shapes</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_syntax\">CSS Charsets</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_table\">CSS Table</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_text\">CSS text</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_text_decoration\">CSS Text Decoration</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_transforms\" class=\"only-in-en-us\">CSS transforms</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_transitions\">CSS Transitions</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_Values_and_Units\">CSS 단위와 값</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_view_transitions\" class=\"only-in-en-us\">CSS view transitions</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_writing_modes\">CSS Writing Modes</a></li><li><a href=\"/ko/docs/Web/CSS/CSSOM_view\">CSSOM view</a></li></ol></details></li><li class=\"toggle\"><details><summary>Properties</summary><ol><li class=\"toggle\"><details><summary>-moz-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/-moz-float-edge\" class=\"only-in-en-us\">-moz-float-edge</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr><abbr class=\"icon icon-deprecated\" title=\"지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요.\">\n<span class=\"visually-hidden\">지원이 중단되었습니다</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/-moz-force-broken-image-icon\" class=\"only-in-en-us\">-moz-force-broken-image-icon</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr><abbr class=\"icon icon-deprecated\" title=\"지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요.\">\n<span class=\"visually-hidden\">지원이 중단되었습니다</span>\n</abbr></li><li><a href=\"/ko/docs/Web/CSS/-moz-image-region\">-moz-image-region</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/-moz-orient\" class=\"only-in-en-us\">-moz-orient</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/-moz-user-focus\" class=\"only-in-en-us\">-moz-user-focus</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr><abbr class=\"icon icon-deprecated\" title=\"지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요.\">\n<span class=\"visually-hidden\">지원이 중단되었습니다</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/-moz-user-input\" class=\"only-in-en-us\">-moz-user-input</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr><abbr class=\"icon icon-deprecated\" title=\"지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요.\">\n<span class=\"visually-hidden\">지원이 중단되었습니다</span>\n</abbr></li></ol></details></li><li class=\"toggle\"><details><summary>-webkit-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/-webkit-border-before\" class=\"only-in-en-us\">-webkit-border-before</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/-webkit-box-reflect\" class=\"only-in-en-us\">-webkit-box-reflect</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/-webkit-mask-box-image\" class=\"only-in-en-us\">-webkit-mask-box-image</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/-webkit-mask-composite\" class=\"only-in-en-us\">-webkit-mask-composite</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/-webkit-mask-position-x\" class=\"only-in-en-us\">-webkit-mask-position-x</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/-webkit-mask-position-y\" class=\"only-in-en-us\">-webkit-mask-position-y</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/-webkit-mask-repeat-x\" class=\"only-in-en-us\">-webkit-mask-repeat-x</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/-webkit-mask-repeat-y\" class=\"only-in-en-us\">-webkit-mask-repeat-y</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/-webkit-tap-highlight-color\" class=\"only-in-en-us\">-webkit-tap-highlight-color</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/-webkit-text-fill-color\" class=\"only-in-en-us\">-webkit-text-fill-color</a></li><li><a href=\"/en-US/docs/Web/CSS/-webkit-text-security\" class=\"only-in-en-us\">-webkit-text-security</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/-webkit-text-stroke\" class=\"only-in-en-us\">-webkit-text-stroke</a></li><li><a href=\"/en-US/docs/Web/CSS/-webkit-text-stroke-color\" class=\"only-in-en-us\">-webkit-text-stroke-color</a></li><li><a href=\"/en-US/docs/Web/CSS/-webkit-text-stroke-width\" class=\"only-in-en-us\">-webkit-text-stroke-width</a></li><li><a href=\"/en-US/docs/Web/CSS/-webkit-touch-callout\" class=\"only-in-en-us\">-webkit-touch-callout</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li></ol></details></li><li><a href=\"/en-US/docs/Web/CSS/--*\" class=\"only-in-en-us\">Custom properties (--*): CSS variables</a></li><li><a href=\"/ko/docs/Web/CSS/accent-color\">accent-color</a></li><li class=\"toggle\"><details><summary>align-*</summary><ol><li><a href=\"/ko/docs/Web/CSS/align-content\">align-content</a></li><li><a href=\"/ko/docs/Web/CSS/align-items\">align-items</a></li><li><a href=\"/en-US/docs/Web/CSS/align-self\" class=\"only-in-en-us\">align-self</a></li></ol></details></li><li><a href=\"/en-US/docs/Web/CSS/alignment-baseline\" class=\"only-in-en-us\">alignment-baseline</a></li><li><a href=\"/ko/docs/Web/CSS/all\">all</a></li><li><a href=\"/en-US/docs/Web/CSS/anchor-name\" class=\"only-in-en-us\">anchor-name</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li class=\"toggle\"><details><summary>animation-*</summary><ol><li><a href=\"/ko/docs/Web/CSS/animation\">animation</a></li><li><a href=\"/en-US/docs/Web/CSS/animation-composition\" class=\"only-in-en-us\">animation-composition</a></li><li><a href=\"/ko/docs/Web/CSS/animation-delay\">animation-delay</a></li><li><a href=\"/ko/docs/Web/CSS/animation-direction\">animation-direction</a></li><li><a href=\"/ko/docs/Web/CSS/animation-duration\">animation-duration</a></li><li><a href=\"/ko/docs/Web/CSS/animation-fill-mode\">animation-fill-mode</a></li><li><a href=\"/ko/docs/Web/CSS/animation-iteration-count\">animation-iteration-count</a></li><li><a href=\"/en-US/docs/Web/CSS/animation-name\" class=\"only-in-en-us\">animation-name</a></li><li><a href=\"/en-US/docs/Web/CSS/animation-play-state\" class=\"only-in-en-us\">animation-play-state</a></li><li><a href=\"/en-US/docs/Web/CSS/animation-range\" class=\"only-in-en-us\">animation-range</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/animation-range-end\" class=\"only-in-en-us\">animation-range-end</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/animation-range-start\" class=\"only-in-en-us\">animation-range-start</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/animation-timeline\" class=\"only-in-en-us\">animation-timeline</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/animation-timing-function\" class=\"only-in-en-us\">animation-timing-function</a></li></ol></details></li><li><a href=\"/en-US/docs/Web/CSS/appearance\" class=\"only-in-en-us\">appearance</a></li><li><a href=\"/en-US/docs/Web/CSS/aspect-ratio\" class=\"only-in-en-us\">aspect-ratio</a></li><li><a href=\"/ko/docs/Web/CSS/backdrop-filter\">backdrop-filter</a></li><li><a href=\"/ko/docs/Web/CSS/backface-visibility\">backface-visibility</a></li><li class=\"toggle\"><details><summary>background-*</summary><ol><li><a href=\"/ko/docs/Web/CSS/background\">background</a></li><li><a href=\"/ko/docs/Web/CSS/background-attachment\">background-attachment</a></li><li><a href=\"/en-US/docs/Web/CSS/background-blend-mode\" class=\"only-in-en-us\">background-blend-mode</a></li><li><a href=\"/ko/docs/Web/CSS/background-clip\">background-clip</a></li><li><a href=\"/ko/docs/Web/CSS/background-color\">background-color</a></li><li><a href=\"/ko/docs/Web/CSS/background-image\">background-image</a></li><li><a href=\"/ko/docs/Web/CSS/background-origin\">background-origin</a></li><li><a href=\"/en-US/docs/Web/CSS/background-position\" class=\"only-in-en-us\">background-position</a></li><li><a href=\"/en-US/docs/Web/CSS/background-position-x\" class=\"only-in-en-us\">background-position-x</a></li><li><a href=\"/en-US/docs/Web/CSS/background-position-y\" class=\"only-in-en-us\">background-position-y</a></li><li><a href=\"/ko/docs/Web/CSS/background-repeat\">background-repeat</a></li><li><a href=\"/en-US/docs/Web/CSS/background-size\" class=\"only-in-en-us\">background-size</a></li></ol></details></li><li><a href=\"/en-US/docs/Web/CSS/block-size\" class=\"only-in-en-us\">block-size</a></li><li class=\"toggle\"><details><summary>border-*</summary><ol><li><a href=\"/ko/docs/Web/CSS/border\">border</a></li><li><a href=\"/en-US/docs/Web/CSS/border-block\" class=\"only-in-en-us\">border-block</a></li><li><a href=\"/en-US/docs/Web/CSS/border-block-color\" class=\"only-in-en-us\">border-block-color</a></li><li><a href=\"/en-US/docs/Web/CSS/border-block-end\" class=\"only-in-en-us\">border-block-end</a></li><li><a href=\"/en-US/docs/Web/CSS/border-block-end-color\" class=\"only-in-en-us\">border-block-end-color</a></li><li><a href=\"/en-US/docs/Web/CSS/border-block-end-style\" class=\"only-in-en-us\">border-block-end-style</a></li><li><a href=\"/en-US/docs/Web/CSS/border-block-end-width\" class=\"only-in-en-us\">border-block-end-width</a></li><li><a href=\"/en-US/docs/Web/CSS/border-block-start\" class=\"only-in-en-us\">border-block-start</a></li><li><a href=\"/en-US/docs/Web/CSS/border-block-start-color\" class=\"only-in-en-us\">border-block-start-color</a></li><li><a href=\"/en-US/docs/Web/CSS/border-block-start-style\" class=\"only-in-en-us\">border-block-start-style</a></li><li><a href=\"/en-US/docs/Web/CSS/border-block-start-width\" class=\"only-in-en-us\">border-block-start-width</a></li><li><a href=\"/en-US/docs/Web/CSS/border-block-style\" class=\"only-in-en-us\">border-block-style</a></li><li><a href=\"/en-US/docs/Web/CSS/border-block-width\" class=\"only-in-en-us\">border-block-width</a></li><li><a href=\"/ko/docs/Web/CSS/border-bottom\">border-bottom</a></li><li><a href=\"/ko/docs/Web/CSS/border-bottom-color\">border-bottom-color</a></li><li><a href=\"/en-US/docs/Web/CSS/border-bottom-left-radius\" class=\"only-in-en-us\">border-bottom-left-radius</a></li><li><a href=\"/en-US/docs/Web/CSS/border-bottom-right-radius\" class=\"only-in-en-us\">border-bottom-right-radius</a></li><li><a href=\"/ko/docs/Web/CSS/border-bottom-style\">border-bottom-style</a></li><li><a href=\"/ko/docs/Web/CSS/border-bottom-width\">border-bottom-width</a></li><li><a href=\"/ko/docs/Web/CSS/border-collapse\">border-collapse</a></li><li><a href=\"/ko/docs/Web/CSS/border-color\">border-color</a></li><li><a href=\"/en-US/docs/Web/CSS/border-end-end-radius\" class=\"only-in-en-us\">border-end-end-radius</a></li><li><a href=\"/en-US/docs/Web/CSS/border-end-start-radius\" class=\"only-in-en-us\">border-end-start-radius</a></li><li><a href=\"/ko/docs/Web/CSS/border-image\">border-image</a></li><li><a href=\"/ko/docs/Web/CSS/border-image-outset\">border-image-outset</a></li><li><a href=\"/ko/docs/Web/CSS/border-image-repeat\">border-image-repeat</a></li><li><a href=\"/ko/docs/Web/CSS/border-image-slice\">border-image-slice</a></li><li><a href=\"/ko/docs/Web/CSS/border-image-source\">border-image-source</a></li><li><a href=\"/ko/docs/Web/CSS/border-image-width\">border-image-width</a></li><li><a href=\"/en-US/docs/Web/CSS/border-inline\" class=\"only-in-en-us\">border-inline</a></li><li><a href=\"/en-US/docs/Web/CSS/border-inline-color\" class=\"only-in-en-us\">border-inline-color</a></li><li><a href=\"/en-US/docs/Web/CSS/border-inline-end\" class=\"only-in-en-us\">border-inline-end</a></li><li><a href=\"/en-US/docs/Web/CSS/border-inline-end-color\" class=\"only-in-en-us\">border-inline-end-color</a></li><li><a href=\"/en-US/docs/Web/CSS/border-inline-end-style\" class=\"only-in-en-us\">border-inline-end-style</a></li><li><a href=\"/en-US/docs/Web/CSS/border-inline-end-width\" class=\"only-in-en-us\">border-inline-end-width</a></li><li><a href=\"/en-US/docs/Web/CSS/border-inline-start\" class=\"only-in-en-us\">border-inline-start</a></li><li><a href=\"/en-US/docs/Web/CSS/border-inline-start-color\" class=\"only-in-en-us\">border-inline-start-color</a></li><li><a href=\"/en-US/docs/Web/CSS/border-inline-start-style\" class=\"only-in-en-us\">border-inline-start-style</a></li><li><a href=\"/en-US/docs/Web/CSS/border-inline-start-width\" class=\"only-in-en-us\">border-inline-start-width</a></li><li><a href=\"/en-US/docs/Web/CSS/border-inline-style\" class=\"only-in-en-us\">border-inline-style</a></li><li><a href=\"/en-US/docs/Web/CSS/border-inline-width\" class=\"only-in-en-us\">border-inline-width</a></li><li><a href=\"/ko/docs/Web/CSS/border-left\">border-left</a></li><li><a href=\"/ko/docs/Web/CSS/border-left-color\">border-left-color</a></li><li><a href=\"/ko/docs/Web/CSS/border-left-style\">border-left-style</a></li><li><a href=\"/ko/docs/Web/CSS/border-left-width\">border-left-width</a></li><li><a href=\"/ko/docs/Web/CSS/border-radius\">border-radius</a></li><li><a href=\"/ko/docs/Web/CSS/border-right\">border-right</a></li><li><a href=\"/ko/docs/Web/CSS/border-right-color\">border-right-color</a></li><li><a href=\"/ko/docs/Web/CSS/border-right-style\">border-right-style</a></li><li><a href=\"/ko/docs/Web/CSS/border-right-width\">border-right-width</a></li><li><a href=\"/ko/docs/Web/CSS/border-spacing\">border-spacing</a></li><li><a href=\"/en-US/docs/Web/CSS/border-start-end-radius\" class=\"only-in-en-us\">border-start-end-radius</a></li><li><a href=\"/en-US/docs/Web/CSS/border-start-start-radius\" class=\"only-in-en-us\">border-start-start-radius</a></li><li><a href=\"/ko/docs/Web/CSS/border-style\">border-style</a></li><li><a href=\"/ko/docs/Web/CSS/border-top\">border-top</a></li><li><a href=\"/ko/docs/Web/CSS/border-top-color\">border-top-color</a></li><li><a href=\"/en-US/docs/Web/CSS/border-top-left-radius\" class=\"only-in-en-us\">border-top-left-radius</a></li><li><a href=\"/en-US/docs/Web/CSS/border-top-right-radius\" class=\"only-in-en-us\">border-top-right-radius</a></li><li><a href=\"/ko/docs/Web/CSS/border-top-style\">border-top-style</a></li><li><a href=\"/ko/docs/Web/CSS/border-top-width\">border-top-width</a></li><li><a href=\"/ko/docs/Web/CSS/border-width\">border-width</a></li></ol></details></li><li><a href=\"/en-US/docs/Web/CSS/bottom\" class=\"only-in-en-us\">bottom</a></li><li class=\"toggle\"><details><summary>box-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/box-align\" class=\"only-in-en-us\">box-align</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr><abbr class=\"icon icon-deprecated\" title=\"지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요.\">\n<span class=\"visually-hidden\">지원이 중단되었습니다</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/box-decoration-break\" class=\"only-in-en-us\">box-decoration-break</a></li><li><a href=\"/en-US/docs/Web/CSS/box-direction\" class=\"only-in-en-us\">box-direction</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr><abbr class=\"icon icon-deprecated\" title=\"지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요.\">\n<span class=\"visually-hidden\">지원이 중단되었습니다</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/box-flex\" class=\"only-in-en-us\">box-flex</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr><abbr class=\"icon icon-deprecated\" title=\"지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요.\">\n<span class=\"visually-hidden\">지원이 중단되었습니다</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/box-flex-group\" class=\"only-in-en-us\">box-flex-group</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr><abbr class=\"icon icon-deprecated\" title=\"지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요.\">\n<span class=\"visually-hidden\">지원이 중단되었습니다</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/box-lines\" class=\"only-in-en-us\">box-lines</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr><abbr class=\"icon icon-deprecated\" title=\"지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요.\">\n<span class=\"visually-hidden\">지원이 중단되었습니다</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/box-ordinal-group\" class=\"only-in-en-us\">box-ordinal-group</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr><abbr class=\"icon icon-deprecated\" title=\"지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요.\">\n<span class=\"visually-hidden\">지원이 중단되었습니다</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/box-orient\" class=\"only-in-en-us\">box-orient</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr><abbr class=\"icon icon-deprecated\" title=\"지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요.\">\n<span class=\"visually-hidden\">지원이 중단되었습니다</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/box-pack\" class=\"only-in-en-us\">box-pack</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr><abbr class=\"icon icon-deprecated\" title=\"지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요.\">\n<span class=\"visually-hidden\">지원이 중단되었습니다</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/box-shadow\" class=\"only-in-en-us\">box-shadow</a></li><li><a href=\"/ko/docs/Web/CSS/box-sizing\">box-sizing</a></li></ol></details></li><li class=\"toggle\"><details><summary>break-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/break-after\" class=\"only-in-en-us\">break-after</a></li><li><a href=\"/en-US/docs/Web/CSS/break-before\" class=\"only-in-en-us\">break-before</a></li><li><a href=\"/en-US/docs/Web/CSS/break-inside\" class=\"only-in-en-us\">break-inside</a></li></ol></details></li><li><a href=\"/en-US/docs/Web/CSS/caption-side\" class=\"only-in-en-us\">caption-side</a></li><li><a href=\"/en-US/docs/Web/CSS/caret-color\" class=\"only-in-en-us\">caret-color</a></li><li><a href=\"/ko/docs/Web/CSS/clear\">clear</a></li><li class=\"toggle\"><details><summary>clip-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/clip\" class=\"only-in-en-us\">clip</a><abbr class=\"icon icon-deprecated\" title=\"지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요.\">\n<span class=\"visually-hidden\">지원이 중단되었습니다</span>\n</abbr></li><li><a href=\"/ko/docs/Web/CSS/clip-path\">clip-path</a></li><li><a href=\"/en-US/docs/Web/CSS/clip-rule\" class=\"only-in-en-us\">clip-rule</a></li></ol></details></li><li class=\"toggle\"><details><summary>color-*</summary><ol><li><a href=\"/ko/docs/Web/CSS/color\">color</a></li><li><a href=\"/en-US/docs/Web/CSS/color-interpolation\" class=\"only-in-en-us\">color-interpolation</a></li><li><a href=\"/en-US/docs/Web/CSS/color-interpolation-filters\" class=\"only-in-en-us\">color-interpolation-filters</a></li><li><a href=\"/en-US/docs/Web/CSS/color-scheme\" class=\"only-in-en-us\">color-scheme</a></li></ol></details></li><li class=\"toggle\"><details><summary>column-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/column-count\" class=\"only-in-en-us\">column-count</a></li><li><a href=\"/en-US/docs/Web/CSS/column-fill\" class=\"only-in-en-us\">column-fill</a></li><li><a href=\"/en-US/docs/Web/CSS/column-gap\" class=\"only-in-en-us\">column-gap</a></li><li><a href=\"/en-US/docs/Web/CSS/column-rule\" class=\"only-in-en-us\">column-rule</a></li><li><a href=\"/en-US/docs/Web/CSS/column-rule-color\" class=\"only-in-en-us\">column-rule-color</a></li><li><a href=\"/en-US/docs/Web/CSS/column-rule-style\" class=\"only-in-en-us\">column-rule-style</a></li><li><a href=\"/en-US/docs/Web/CSS/column-rule-width\" class=\"only-in-en-us\">column-rule-width</a></li><li><a href=\"/en-US/docs/Web/CSS/column-span\" class=\"only-in-en-us\">column-span</a></li><li><a href=\"/en-US/docs/Web/CSS/column-width\" class=\"only-in-en-us\">column-width</a></li></ol></details></li><li><a href=\"/en-US/docs/Web/CSS/columns\" class=\"only-in-en-us\">columns</a></li><li class=\"toggle\"><details><summary>contain-*</summary><ol><li><a href=\"/ko/docs/Web/CSS/contain\">contain</a></li><li><a href=\"/en-US/docs/Web/CSS/contain-intrinsic-block-size\" class=\"only-in-en-us\">contain-intrinsic-block-size</a></li><li><a href=\"/en-US/docs/Web/CSS/contain-intrinsic-height\" class=\"only-in-en-us\">contain-intrinsic-height</a></li><li><a href=\"/en-US/docs/Web/CSS/contain-intrinsic-inline-size\" class=\"only-in-en-us\">contain-intrinsic-inline-size</a></li><li><a href=\"/en-US/docs/Web/CSS/contain-intrinsic-size\" class=\"only-in-en-us\">contain-intrinsic-size</a></li><li><a href=\"/en-US/docs/Web/CSS/contain-intrinsic-width\" class=\"only-in-en-us\">contain-intrinsic-width</a></li></ol></details></li><li class=\"toggle\"><details><summary>container-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/container\" class=\"only-in-en-us\">container</a></li><li><a href=\"/en-US/docs/Web/CSS/container-name\" class=\"only-in-en-us\">container-name</a></li><li><a href=\"/en-US/docs/Web/CSS/container-type\" class=\"only-in-en-us\">container-type</a></li></ol></details></li><li><a href=\"/ko/docs/Web/CSS/content\">content</a></li><li><a href=\"/ko/docs/Web/CSS/content-visibility\">content-visibility</a></li><li class=\"toggle\"><details><summary>counter-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/counter-increment\" class=\"only-in-en-us\">counter-increment</a></li><li><a href=\"/en-US/docs/Web/CSS/counter-reset\" class=\"only-in-en-us\">counter-reset</a></li><li><a href=\"/en-US/docs/Web/CSS/counter-set\" class=\"only-in-en-us\">counter-set</a></li></ol></details></li><li><a href=\"/ko/docs/Web/CSS/cursor\">cursor</a></li><li><a href=\"/en-US/docs/Web/CSS/cx\" class=\"only-in-en-us\">cx</a></li><li><a href=\"/en-US/docs/Web/CSS/cy\" class=\"only-in-en-us\">cy</a></li><li><a href=\"/en-US/docs/Web/CSS/d\" class=\"only-in-en-us\">d</a></li><li><a href=\"/en-US/docs/Web/CSS/direction\" class=\"only-in-en-us\">direction</a></li><li><a href=\"/en-US/docs/Web/CSS/display\" class=\"only-in-en-us\">display</a></li><li><a href=\"/en-US/docs/Web/CSS/dominant-baseline\" class=\"only-in-en-us\">dominant-baseline</a></li><li><a href=\"/en-US/docs/Web/CSS/empty-cells\" class=\"only-in-en-us\">empty-cells</a></li><li><a href=\"/en-US/docs/Web/CSS/field-sizing\" class=\"only-in-en-us\">field-sizing</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li class=\"toggle\"><details><summary>fill-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/fill\" class=\"only-in-en-us\">fill</a></li><li><a href=\"/en-US/docs/Web/CSS/fill-opacity\" class=\"only-in-en-us\">fill-opacity</a></li><li><a href=\"/en-US/docs/Web/CSS/fill-rule\" class=\"only-in-en-us\">fill-rule</a></li></ol></details></li><li><a href=\"/ko/docs/Web/CSS/filter\">filter</a></li><li class=\"toggle\"><details><summary>flex-*</summary><ol><li><a href=\"/ko/docs/Web/CSS/flex\">flex</a></li><li><a href=\"/ko/docs/Web/CSS/flex-basis\">flex-basis</a></li><li><a href=\"/ko/docs/Web/CSS/flex-direction\">flex-direction</a></li><li><a href=\"/ko/docs/Web/CSS/flex-flow\">flex-flow</a></li><li><a href=\"/ko/docs/Web/CSS/flex-grow\">flex-grow</a></li><li><a href=\"/ko/docs/Web/CSS/flex-shrink\">flex-shrink</a></li><li><a href=\"/ko/docs/Web/CSS/flex-wrap\">flex-wrap</a></li></ol></details></li><li><a href=\"/ko/docs/Web/CSS/float\">float</a></li><li><a href=\"/en-US/docs/Web/CSS/flood-color\" class=\"only-in-en-us\">flood-color</a></li><li><a href=\"/en-US/docs/Web/CSS/flood-opacity\" class=\"only-in-en-us\">flood-opacity</a></li><li class=\"toggle\"><details><summary>font-*</summary><ol><li><a href=\"/ko/docs/Web/CSS/font\">font</a></li><li><a href=\"/en-US/docs/Web/CSS/font-family\" class=\"only-in-en-us\">font-family</a></li><li><a href=\"/ko/docs/Web/CSS/font-feature-settings\">font-feature-settings</a></li><li><a href=\"/en-US/docs/Web/CSS/font-kerning\" class=\"only-in-en-us\">font-kerning</a></li><li><a href=\"/en-US/docs/Web/CSS/font-language-override\" class=\"only-in-en-us\">font-language-override</a></li><li><a href=\"/en-US/docs/Web/CSS/font-optical-sizing\" class=\"only-in-en-us\">font-optical-sizing</a></li><li><a href=\"/en-US/docs/Web/CSS/font-palette\" class=\"only-in-en-us\">font-palette</a></li><li><a href=\"/ko/docs/Web/CSS/font-size\">font-size</a></li><li><a href=\"/en-US/docs/Web/CSS/font-size-adjust\" class=\"only-in-en-us\">font-size-adjust</a></li><li><a href=\"/en-US/docs/Web/CSS/font-smooth\" class=\"only-in-en-us\">font-smooth</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/font-stretch\" class=\"only-in-en-us\">font-stretch</a></li><li><a href=\"/en-US/docs/Web/CSS/font-style\" class=\"only-in-en-us\">font-style</a></li><li><a href=\"/ko/docs/Web/CSS/font-synthesis\">font-synthesis</a></li><li><a href=\"/en-US/docs/Web/CSS/font-synthesis-position\" class=\"only-in-en-us\">font-synthesis-position</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/font-synthesis-small-caps\" class=\"only-in-en-us\">font-synthesis-small-caps</a></li><li><a href=\"/en-US/docs/Web/CSS/font-synthesis-style\" class=\"only-in-en-us\">font-synthesis-style</a></li><li><a href=\"/en-US/docs/Web/CSS/font-synthesis-weight\" class=\"only-in-en-us\">font-synthesis-weight</a></li><li><a href=\"/en-US/docs/Web/CSS/font-variant\" class=\"only-in-en-us\">font-variant</a></li><li><a href=\"/en-US/docs/Web/CSS/font-variant-alternates\" class=\"only-in-en-us\">font-variant-alternates</a></li><li><a href=\"/en-US/docs/Web/CSS/font-variant-caps\" class=\"only-in-en-us\">font-variant-caps</a></li><li><a href=\"/en-US/docs/Web/CSS/font-variant-east-asian\" class=\"only-in-en-us\">font-variant-east-asian</a></li><li><a href=\"/en-US/docs/Web/CSS/font-variant-emoji\" class=\"only-in-en-us\">font-variant-emoji</a></li><li><a href=\"/en-US/docs/Web/CSS/font-variant-ligatures\" class=\"only-in-en-us\">font-variant-ligatures</a></li><li><a href=\"/en-US/docs/Web/CSS/font-variant-numeric\" class=\"only-in-en-us\">font-variant-numeric</a></li><li><a href=\"/en-US/docs/Web/CSS/font-variant-position\" class=\"only-in-en-us\">font-variant-position</a></li><li><a href=\"/en-US/docs/Web/CSS/font-variation-settings\" class=\"only-in-en-us\">font-variation-settings</a></li><li><a href=\"/ko/docs/Web/CSS/font-weight\">font-weight</a></li></ol></details></li><li><a href=\"/en-US/docs/Web/CSS/forced-color-adjust\" class=\"only-in-en-us\">forced-color-adjust</a></li><li><a href=\"/ko/docs/Web/CSS/gap\">gap</a></li><li class=\"toggle\"><details><summary>grid-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/grid\" class=\"only-in-en-us\">grid</a></li><li><a href=\"/en-US/docs/Web/CSS/grid-area\" class=\"only-in-en-us\">grid-area</a></li><li><a href=\"/en-US/docs/Web/CSS/grid-auto-columns\" class=\"only-in-en-us\">grid-auto-columns</a></li><li><a href=\"/en-US/docs/Web/CSS/grid-auto-flow\" class=\"only-in-en-us\">grid-auto-flow</a></li><li><a href=\"/en-US/docs/Web/CSS/grid-auto-rows\" class=\"only-in-en-us\">grid-auto-rows</a></li><li><a href=\"/en-US/docs/Web/CSS/grid-column\" class=\"only-in-en-us\">grid-column</a></li><li><a href=\"/en-US/docs/Web/CSS/grid-column-end\" class=\"only-in-en-us\">grid-column-end</a></li><li><a href=\"/en-US/docs/Web/CSS/grid-column-start\" class=\"only-in-en-us\">grid-column-start</a></li><li><a href=\"/en-US/docs/Web/CSS/grid-row\" class=\"only-in-en-us\">grid-row</a></li><li><a href=\"/en-US/docs/Web/CSS/grid-row-end\" class=\"only-in-en-us\">grid-row-end</a></li><li><a href=\"/en-US/docs/Web/CSS/grid-row-start\" class=\"only-in-en-us\">grid-row-start</a></li><li><a href=\"/en-US/docs/Web/CSS/grid-template\" class=\"only-in-en-us\">grid-template</a></li><li><a href=\"/en-US/docs/Web/CSS/grid-template-areas\" class=\"only-in-en-us\">grid-template-areas</a></li><li><a href=\"/ko/docs/Web/CSS/grid-template-columns\">grid-template-columns</a></li><li><a href=\"/en-US/docs/Web/CSS/grid-template-rows\" class=\"only-in-en-us\">grid-template-rows</a></li></ol></details></li><li><a href=\"/en-US/docs/Web/CSS/hanging-punctuation\" class=\"only-in-en-us\">hanging-punctuation</a></li><li><a href=\"/ko/docs/Web/CSS/height\">height</a></li><li><a href=\"/en-US/docs/Web/CSS/hyphenate-character\" class=\"only-in-en-us\">hyphenate-character</a></li><li><a href=\"/en-US/docs/Web/CSS/hyphenate-limit-chars\" class=\"only-in-en-us\">hyphenate-limit-chars</a></li><li><a href=\"/ko/docs/Web/CSS/hyphens\">hyphens</a></li><li class=\"toggle\"><details><summary>image-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/image-orientation\" class=\"only-in-en-us\">image-orientation</a></li><li><a href=\"/ko/docs/Web/CSS/image-rendering\">image-rendering</a></li><li><a href=\"/en-US/docs/Web/CSS/image-resolution\" class=\"only-in-en-us\">image-resolution</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li></ol></details></li><li><a href=\"/en-US/docs/Web/CSS/initial-letter\" class=\"only-in-en-us\">initial-letter</a></li><li><a href=\"/en-US/docs/Web/CSS/inline-size\" class=\"only-in-en-us\">inline-size</a></li><li class=\"toggle\"><details><summary>inset-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/inset\" class=\"only-in-en-us\">inset</a></li><li><a href=\"/en-US/docs/Web/CSS/inset-block\" class=\"only-in-en-us\">inset-block</a></li><li><a href=\"/en-US/docs/Web/CSS/inset-block-end\" class=\"only-in-en-us\">inset-block-end</a></li><li><a href=\"/en-US/docs/Web/CSS/inset-block-start\" class=\"only-in-en-us\">inset-block-start</a></li><li><a href=\"/en-US/docs/Web/CSS/inset-inline\" class=\"only-in-en-us\">inset-inline</a></li><li><a href=\"/en-US/docs/Web/CSS/inset-inline-end\" class=\"only-in-en-us\">inset-inline-end</a></li><li><a href=\"/en-US/docs/Web/CSS/inset-inline-start\" class=\"only-in-en-us\">inset-inline-start</a></li></ol></details></li><li><a href=\"/en-US/docs/Web/CSS/interpolate-size\" class=\"only-in-en-us\">interpolate-size</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/ko/docs/Web/CSS/isolation\">isolation</a></li><li class=\"toggle\"><details><summary>justify-*</summary><ol><li><a href=\"/ko/docs/Web/CSS/justify-content\">justify-content</a></li><li><a href=\"/en-US/docs/Web/CSS/justify-items\" class=\"only-in-en-us\">justify-items</a></li><li><a href=\"/en-US/docs/Web/CSS/justify-self\" class=\"only-in-en-us\">justify-self</a></li></ol></details></li><li><a href=\"/en-US/docs/Web/CSS/left\" class=\"only-in-en-us\">left</a></li><li><a href=\"/ko/docs/Web/CSS/letter-spacing\">letter-spacing</a></li><li><a href=\"/en-US/docs/Web/CSS/lighting-color\" class=\"only-in-en-us\">lighting-color</a></li><li class=\"toggle\"><details><summary>line-*</summary><ol><li><a href=\"/ko/docs/Web/CSS/line-break\">line-break</a></li><li><a href=\"/ko/docs/Web/CSS/line-clamp\">-webkit-line-clamp</a></li><li><a href=\"/en-US/docs/Web/CSS/line-height\" class=\"only-in-en-us\">line-height</a></li><li><a href=\"/en-US/docs/Web/CSS/line-height-step\" class=\"only-in-en-us\">line-height-step</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li></ol></details></li><li class=\"toggle\"><details><summary>list-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/list-style\" class=\"only-in-en-us\">list-style</a></li><li><a href=\"/en-US/docs/Web/CSS/list-style-image\" class=\"only-in-en-us\">list-style-image</a></li><li><a href=\"/en-US/docs/Web/CSS/list-style-position\" class=\"only-in-en-us\">list-style-position</a></li><li><a href=\"/en-US/docs/Web/CSS/list-style-type\" class=\"only-in-en-us\">list-style-type</a></li></ol></details></li><li class=\"toggle\"><details><summary>margin-*</summary><ol><li><a href=\"/ko/docs/Web/CSS/margin\">margin</a></li><li><a href=\"/en-US/docs/Web/CSS/margin-block\" class=\"only-in-en-us\">margin-block</a></li><li><a href=\"/en-US/docs/Web/CSS/margin-block-end\" class=\"only-in-en-us\">margin-block-end</a></li><li><a href=\"/en-US/docs/Web/CSS/margin-block-start\" class=\"only-in-en-us\">margin-block-start</a></li><li><a href=\"/ko/docs/Web/CSS/margin-bottom\">margin-bottom</a></li><li><a href=\"/en-US/docs/Web/CSS/margin-inline\" class=\"only-in-en-us\">margin-inline</a></li><li><a href=\"/en-US/docs/Web/CSS/margin-inline-end\" class=\"only-in-en-us\">margin-inline-end</a></li><li><a href=\"/en-US/docs/Web/CSS/margin-inline-start\" class=\"only-in-en-us\">margin-inline-start</a></li><li><a href=\"/ko/docs/Web/CSS/margin-left\">margin-left</a></li><li><a href=\"/ko/docs/Web/CSS/margin-right\">margin-right</a></li><li><a href=\"/ko/docs/Web/CSS/margin-top\">margin-top</a></li><li><a href=\"/en-US/docs/Web/CSS/margin-trim\" class=\"only-in-en-us\">margin-trim</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li></ol></details></li><li class=\"toggle\"><details><summary>marker-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/marker\" class=\"only-in-en-us\">marker</a></li><li><a href=\"/en-US/docs/Web/CSS/marker-end\" class=\"only-in-en-us\">marker-end</a></li><li><a href=\"/en-US/docs/Web/CSS/marker-mid\" class=\"only-in-en-us\">marker-mid</a></li><li><a href=\"/en-US/docs/Web/CSS/marker-start\" class=\"only-in-en-us\">marker-start</a></li></ol></details></li><li class=\"toggle\"><details><summary>mask-*</summary><ol><li><a href=\"/ko/docs/Web/CSS/mask\">mask</a></li><li><a href=\"/en-US/docs/Web/CSS/mask-border\" class=\"only-in-en-us\">mask-border</a></li><li><a href=\"/en-US/docs/Web/CSS/mask-border-mode\" class=\"only-in-en-us\">mask-border-mode</a></li><li><a href=\"/en-US/docs/Web/CSS/mask-border-outset\" class=\"only-in-en-us\">mask-border-outset</a></li><li><a href=\"/en-US/docs/Web/CSS/mask-border-repeat\" class=\"only-in-en-us\">mask-border-repeat</a></li><li><a href=\"/en-US/docs/Web/CSS/mask-border-slice\" class=\"only-in-en-us\">mask-border-slice</a></li><li><a href=\"/en-US/docs/Web/CSS/mask-border-source\" class=\"only-in-en-us\">mask-border-source</a></li><li><a href=\"/en-US/docs/Web/CSS/mask-border-width\" class=\"only-in-en-us\">mask-border-width</a></li><li><a href=\"/en-US/docs/Web/CSS/mask-clip\" class=\"only-in-en-us\">mask-clip</a></li><li><a href=\"/en-US/docs/Web/CSS/mask-composite\" class=\"only-in-en-us\">mask-composite</a></li><li><a href=\"/en-US/docs/Web/CSS/mask-image\" class=\"only-in-en-us\">mask-image</a></li><li><a href=\"/en-US/docs/Web/CSS/mask-mode\" class=\"only-in-en-us\">mask-mode</a></li><li><a href=\"/en-US/docs/Web/CSS/mask-origin\" class=\"only-in-en-us\">mask-origin</a></li><li><a href=\"/en-US/docs/Web/CSS/mask-position\" class=\"only-in-en-us\">mask-position</a></li><li><a href=\"/en-US/docs/Web/CSS/mask-repeat\" class=\"only-in-en-us\">mask-repeat</a></li><li><a href=\"/en-US/docs/Web/CSS/mask-size\" class=\"only-in-en-us\">mask-size</a></li><li><a href=\"/en-US/docs/Web/CSS/mask-type\" class=\"only-in-en-us\">mask-type</a></li></ol></details></li><li class=\"toggle\"><details><summary>math-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/math-depth\" class=\"only-in-en-us\">math-depth</a></li><li><a href=\"/en-US/docs/Web/CSS/math-shift\" class=\"only-in-en-us\">math-shift</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/math-style\" class=\"only-in-en-us\">math-style</a></li></ol></details></li><li class=\"toggle\"><details><summary>max-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/max-block-size\" class=\"only-in-en-us\">max-block-size</a></li><li><a href=\"/ko/docs/Web/CSS/max-height\">max-height</a></li><li><a href=\"/en-US/docs/Web/CSS/max-inline-size\" class=\"only-in-en-us\">max-inline-size</a></li><li><a href=\"/ko/docs/Web/CSS/max-width\">max-width</a></li></ol></details></li><li class=\"toggle\"><details><summary>min-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/min-block-size\" class=\"only-in-en-us\">min-block-size</a></li><li><a href=\"/ko/docs/Web/CSS/min-height\">min-height</a></li><li><a href=\"/en-US/docs/Web/CSS/min-inline-size\" class=\"only-in-en-us\">min-inline-size</a></li><li><a href=\"/ko/docs/Web/CSS/min-width\">min-width</a></li></ol></details></li><li><a href=\"/ko/docs/Web/CSS/mix-blend-mode\">mix-blend-mode</a></li><li><a href=\"/ko/docs/Web/CSS/object-fit\">object-fit</a></li><li><a href=\"/ko/docs/Web/CSS/object-position\">object-position</a></li><li class=\"toggle\"><details><summary>offset-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/offset\" class=\"only-in-en-us\">offset</a></li><li><a href=\"/en-US/docs/Web/CSS/offset-anchor\" class=\"only-in-en-us\">offset-anchor</a></li><li><a href=\"/en-US/docs/Web/CSS/offset-distance\" class=\"only-in-en-us\">offset-distance</a></li><li><a href=\"/en-US/docs/Web/CSS/offset-path\" class=\"only-in-en-us\">offset-path</a></li><li><a href=\"/en-US/docs/Web/CSS/offset-position\" class=\"only-in-en-us\">offset-position</a></li><li><a href=\"/en-US/docs/Web/CSS/offset-rotate\" class=\"only-in-en-us\">offset-rotate</a></li></ol></details></li><li><a href=\"/ko/docs/Web/CSS/opacity\">opacity</a></li><li><a href=\"/ko/docs/Web/CSS/order\">order</a></li><li><a href=\"/en-US/docs/Web/CSS/orphans\" class=\"only-in-en-us\">orphans</a></li><li class=\"toggle\"><details><summary>outline-*</summary><ol><li><a href=\"/ko/docs/Web/CSS/outline\">outline</a></li><li><a href=\"/en-US/docs/Web/CSS/outline-color\" class=\"only-in-en-us\">outline-color</a></li><li><a href=\"/en-US/docs/Web/CSS/outline-offset\" class=\"only-in-en-us\">outline-offset</a></li><li><a href=\"/ko/docs/Web/CSS/outline-style\">outline-style</a></li><li><a href=\"/ko/docs/Web/CSS/outline-width\">outline-width</a></li></ol></details></li><li class=\"toggle\"><details><summary>overflow-*</summary><ol><li><a href=\"/ko/docs/Web/CSS/overflow\">overflow</a></li><li><a href=\"/ko/docs/Web/CSS/overflow-anchor\">overflow-anchor</a></li><li><a href=\"/en-US/docs/Web/CSS/overflow-block\" class=\"only-in-en-us\">overflow-block</a></li><li><a href=\"/en-US/docs/Web/CSS/overflow-clip-margin\" class=\"only-in-en-us\">overflow-clip-margin</a></li><li><a href=\"/ko/docs/Web/CSS/overflow-inline\">overflow-inline</a></li><li><a href=\"/ko/docs/Web/CSS/overflow-wrap\">overflow-wrap</a></li><li><a href=\"/en-US/docs/Web/CSS/overflow-x\" class=\"only-in-en-us\">overflow-x</a></li><li><a href=\"/en-US/docs/Web/CSS/overflow-y\" class=\"only-in-en-us\">overflow-y</a></li></ol></details></li><li><a href=\"/en-US/docs/Web/CSS/overlay\" class=\"only-in-en-us\">overlay</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li class=\"toggle\"><details><summary>overscroll-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/overscroll-behavior\" class=\"only-in-en-us\">overscroll-behavior</a></li><li><a href=\"/en-US/docs/Web/CSS/overscroll-behavior-block\" class=\"only-in-en-us\">overscroll-behavior-block</a></li><li><a href=\"/en-US/docs/Web/CSS/overscroll-behavior-inline\" class=\"only-in-en-us\">overscroll-behavior-inline</a></li><li><a href=\"/en-US/docs/Web/CSS/overscroll-behavior-x\" class=\"only-in-en-us\">overscroll-behavior-x</a></li><li><a href=\"/en-US/docs/Web/CSS/overscroll-behavior-y\" class=\"only-in-en-us\">overscroll-behavior-y</a></li></ol></details></li><li class=\"toggle\"><details><summary>padding-*</summary><ol><li><a href=\"/ko/docs/Web/CSS/padding\">padding</a></li><li><a href=\"/en-US/docs/Web/CSS/padding-block\" class=\"only-in-en-us\">padding-block</a></li><li><a href=\"/en-US/docs/Web/CSS/padding-block-end\" class=\"only-in-en-us\">padding-block-end</a></li><li><a href=\"/en-US/docs/Web/CSS/padding-block-start\" class=\"only-in-en-us\">padding-block-start</a></li><li><a href=\"/ko/docs/Web/CSS/padding-bottom\">padding-bottom</a></li><li><a href=\"/en-US/docs/Web/CSS/padding-inline\" class=\"only-in-en-us\">padding-inline</a></li><li><a href=\"/en-US/docs/Web/CSS/padding-inline-end\" class=\"only-in-en-us\">padding-inline-end</a></li><li><a href=\"/en-US/docs/Web/CSS/padding-inline-start\" class=\"only-in-en-us\">padding-inline-start</a></li><li><a href=\"/ko/docs/Web/CSS/padding-left\">padding-left</a></li><li><a href=\"/ko/docs/Web/CSS/padding-right\">padding-right</a></li><li><a href=\"/ko/docs/Web/CSS/padding-top\">padding-top</a></li></ol></details></li><li class=\"toggle\"><details><summary>page-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/page\" class=\"only-in-en-us\">page</a></li><li><a href=\"/en-US/docs/Web/CSS/page-break-after\" class=\"only-in-en-us\">page-break-after</a><abbr class=\"icon icon-deprecated\" title=\"지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요.\">\n<span class=\"visually-hidden\">지원이 중단되었습니다</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/page-break-before\" class=\"only-in-en-us\">page-break-before</a><abbr class=\"icon icon-deprecated\" title=\"지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요.\">\n<span class=\"visually-hidden\">지원이 중단되었습니다</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/page-break-inside\" class=\"only-in-en-us\">page-break-inside</a><abbr class=\"icon icon-deprecated\" title=\"지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요.\">\n<span class=\"visually-hidden\">지원이 중단되었습니다</span>\n</abbr></li></ol></details></li><li><a href=\"/ko/docs/Web/CSS/paint-order\">paint-order</a></li><li><a href=\"/en-US/docs/Web/CSS/perspective\" class=\"only-in-en-us\">perspective</a></li><li><a href=\"/en-US/docs/Web/CSS/perspective-origin\" class=\"only-in-en-us\">perspective-origin</a></li><li class=\"toggle\"><details><summary>place-*</summary><ol><li><a href=\"/ko/docs/Web/CSS/place-content\">place-content</a></li><li><a href=\"/ko/docs/Web/CSS/place-items\">place-items</a></li><li><a href=\"/ko/docs/Web/CSS/place-self\">place-self</a></li></ol></details></li><li><a href=\"/en-US/docs/Web/CSS/pointer-events\" class=\"only-in-en-us\">pointer-events</a></li><li class=\"toggle\"><details><summary>position-*</summary><ol><li><a href=\"/ko/docs/Web/CSS/position\">position</a></li><li><a href=\"/en-US/docs/Web/CSS/position-anchor\" class=\"only-in-en-us\">position-anchor</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/position-area\" class=\"only-in-en-us\">position-area</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/position-try\" class=\"only-in-en-us\">position-try</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/position-try-fallbacks\" class=\"only-in-en-us\">position-try-fallbacks</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/position-try-order\" class=\"only-in-en-us\">position-try-order</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/position-visibility\" class=\"only-in-en-us\">position-visibility</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li></ol></details></li><li><a href=\"/en-US/docs/Web/CSS/print-color-adjust\" class=\"only-in-en-us\">print-color-adjust</a></li><li><a href=\"/en-US/docs/Web/CSS/quotes\" class=\"only-in-en-us\">quotes</a></li><li><a href=\"/en-US/docs/Web/CSS/r\" class=\"only-in-en-us\">r</a></li><li><a href=\"/ko/docs/Web/CSS/resize\">resize</a></li><li><a href=\"/en-US/docs/Web/CSS/right\" class=\"only-in-en-us\">right</a></li><li><a href=\"/en-US/docs/Web/CSS/rotate\" class=\"only-in-en-us\">rotate</a></li><li><a href=\"/en-US/docs/Web/CSS/row-gap\" class=\"only-in-en-us\">row-gap</a></li><li><a href=\"/en-US/docs/Web/CSS/ruby-align\" class=\"only-in-en-us\">ruby-align</a></li><li><a href=\"/en-US/docs/Web/CSS/ruby-position\" class=\"only-in-en-us\">ruby-position</a></li><li><a href=\"/en-US/docs/Web/CSS/rx\" class=\"only-in-en-us\">rx</a></li><li><a href=\"/en-US/docs/Web/CSS/ry\" class=\"only-in-en-us\">ry</a></li><li><a href=\"/ko/docs/Web/CSS/scale\">scale</a></li><li class=\"toggle\"><details><summary>scroll-*</summary><ol><li><a href=\"/ko/docs/Web/CSS/scroll-behavior\">스크롤 동작</a></li><li><a href=\"/en-US/docs/Web/CSS/scroll-margin\" class=\"only-in-en-us\">scroll-margin</a></li><li><a href=\"/en-US/docs/Web/CSS/scroll-margin-block\" class=\"only-in-en-us\">scroll-margin-block</a></li><li><a href=\"/en-US/docs/Web/CSS/scroll-margin-block-end\" class=\"only-in-en-us\">scroll-margin-block-end</a></li><li><a href=\"/en-US/docs/Web/CSS/scroll-margin-block-start\" class=\"only-in-en-us\">scroll-margin-block-start</a></li><li><a href=\"/en-US/docs/Web/CSS/scroll-margin-bottom\" class=\"only-in-en-us\">scroll-margin-bottom</a></li><li><a href=\"/en-US/docs/Web/CSS/scroll-margin-inline\" class=\"only-in-en-us\">scroll-margin-inline</a></li><li><a href=\"/en-US/docs/Web/CSS/scroll-margin-inline-end\" class=\"only-in-en-us\">scroll-margin-inline-end</a></li><li><a href=\"/en-US/docs/Web/CSS/scroll-margin-inline-start\" class=\"only-in-en-us\">scroll-margin-inline-start</a></li><li><a href=\"/en-US/docs/Web/CSS/scroll-margin-left\" class=\"only-in-en-us\">scroll-margin-left</a></li><li><a href=\"/en-US/docs/Web/CSS/scroll-margin-right\" class=\"only-in-en-us\">scroll-margin-right</a></li><li><a href=\"/en-US/docs/Web/CSS/scroll-margin-top\" class=\"only-in-en-us\">scroll-margin-top</a></li><li><a href=\"/en-US/docs/Web/CSS/scroll-padding\" class=\"only-in-en-us\">scroll-padding</a></li><li><a href=\"/en-US/docs/Web/CSS/scroll-padding-block\" class=\"only-in-en-us\">scroll-padding-block</a></li><li><a href=\"/en-US/docs/Web/CSS/scroll-padding-block-end\" class=\"only-in-en-us\">scroll-padding-block-end</a></li><li><a href=\"/en-US/docs/Web/CSS/scroll-padding-block-start\" class=\"only-in-en-us\">scroll-padding-block-start</a></li><li><a href=\"/en-US/docs/Web/CSS/scroll-padding-bottom\" class=\"only-in-en-us\">scroll-padding-bottom</a></li><li><a href=\"/en-US/docs/Web/CSS/scroll-padding-inline\" class=\"only-in-en-us\">scroll-padding-inline</a></li><li><a href=\"/en-US/docs/Web/CSS/scroll-padding-inline-end\" class=\"only-in-en-us\">scroll-padding-inline-end</a></li><li><a href=\"/en-US/docs/Web/CSS/scroll-padding-inline-start\" class=\"only-in-en-us\">scroll-padding-inline-start</a></li><li><a href=\"/en-US/docs/Web/CSS/scroll-padding-left\" class=\"only-in-en-us\">scroll-padding-left</a></li><li><a href=\"/en-US/docs/Web/CSS/scroll-padding-right\" class=\"only-in-en-us\">scroll-padding-right</a></li><li><a href=\"/en-US/docs/Web/CSS/scroll-padding-top\" class=\"only-in-en-us\">scroll-padding-top</a></li><li><a href=\"/en-US/docs/Web/CSS/scroll-snap-align\" class=\"only-in-en-us\">scroll-snap-align</a></li><li><a href=\"/en-US/docs/Web/CSS/scroll-snap-stop\" class=\"only-in-en-us\">scroll-snap-stop</a></li><li><a href=\"/en-US/docs/Web/CSS/scroll-snap-type\" class=\"only-in-en-us\">scroll-snap-type</a></li><li><a href=\"/en-US/docs/Web/CSS/scroll-timeline\" class=\"only-in-en-us\">scroll-timeline</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/scroll-timeline-axis\" class=\"only-in-en-us\">scroll-timeline-axis</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/scroll-timeline-name\" class=\"only-in-en-us\">scroll-timeline-name</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li></ol></details></li><li class=\"toggle\"><details><summary>scrollbar-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/scrollbar-color\" class=\"only-in-en-us\">scrollbar-color</a></li><li><a href=\"/en-US/docs/Web/CSS/scrollbar-gutter\" class=\"only-in-en-us\">scrollbar-gutter</a></li><li><a href=\"/en-US/docs/Web/CSS/scrollbar-width\" class=\"only-in-en-us\">scrollbar-width</a></li></ol></details></li><li class=\"toggle\"><details><summary>shape-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/shape-image-threshold\" class=\"only-in-en-us\">shape-image-threshold</a></li><li><a href=\"/en-US/docs/Web/CSS/shape-margin\" class=\"only-in-en-us\">shape-margin</a></li><li><a href=\"/en-US/docs/Web/CSS/shape-outside\" class=\"only-in-en-us\">shape-outside</a></li><li><a href=\"/en-US/docs/Web/CSS/shape-rendering\" class=\"only-in-en-us\">shape-rendering</a></li></ol></details></li><li><a href=\"/ko/docs/Web/CSS/stop-color\">stop-color</a></li><li><a href=\"/en-US/docs/Web/CSS/stop-opacity\" class=\"only-in-en-us\">stop-opacity</a></li><li class=\"toggle\"><details><summary>stroke-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/stroke\" class=\"only-in-en-us\">stroke</a></li><li><a href=\"/en-US/docs/Web/CSS/stroke-dasharray\" class=\"only-in-en-us\">stroke-dasharray</a></li><li><a href=\"/en-US/docs/Web/CSS/stroke-dashoffset\" class=\"only-in-en-us\">stroke-dashoffset</a></li><li><a href=\"/en-US/docs/Web/CSS/stroke-linecap\" class=\"only-in-en-us\">stroke-linecap</a></li><li><a href=\"/en-US/docs/Web/CSS/stroke-linejoin\" class=\"only-in-en-us\">stroke-linejoin</a></li><li><a href=\"/en-US/docs/Web/CSS/stroke-miterlimit\" class=\"only-in-en-us\">stroke-miterlimit</a></li><li><a href=\"/en-US/docs/Web/CSS/stroke-opacity\" class=\"only-in-en-us\">stroke-opacity</a></li><li><a href=\"/en-US/docs/Web/CSS/stroke-width\" class=\"only-in-en-us\">stroke-width</a></li></ol></details></li><li><a href=\"/ko/docs/Web/CSS/tab-size\">tab-size</a></li><li><a href=\"/en-US/docs/Web/CSS/table-layout\" class=\"only-in-en-us\">table-layout</a></li><li class=\"toggle\"><details><summary>text-*</summary><ol><li><a href=\"/ko/docs/Web/CSS/text-align\">text-align</a></li><li><a href=\"/en-US/docs/Web/CSS/text-align-last\" class=\"only-in-en-us\">text-align-last</a></li><li><a href=\"/en-US/docs/Web/CSS/text-anchor\" class=\"only-in-en-us\">text-anchor</a></li><li><a href=\"/en-US/docs/Web/CSS/text-combine-upright\" class=\"only-in-en-us\">text-combine-upright</a></li><li><a href=\"/ko/docs/Web/CSS/text-decoration\">text-decoration</a></li><li><a href=\"/en-US/docs/Web/CSS/text-decoration-color\" class=\"only-in-en-us\">text-decoration-color</a></li><li><a href=\"/en-US/docs/Web/CSS/text-decoration-line\" class=\"only-in-en-us\">text-decoration-line</a></li><li><a href=\"/en-US/docs/Web/CSS/text-decoration-skip\" class=\"only-in-en-us\">text-decoration-skip</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/text-decoration-skip-ink\" class=\"only-in-en-us\">text-decoration-skip-ink</a></li><li><a href=\"/en-US/docs/Web/CSS/text-decoration-style\" class=\"only-in-en-us\">text-decoration-style</a></li><li><a href=\"/en-US/docs/Web/CSS/text-decoration-thickness\" class=\"only-in-en-us\">text-decoration-thickness</a></li><li><a href=\"/en-US/docs/Web/CSS/text-emphasis\" class=\"only-in-en-us\">text-emphasis</a></li><li><a href=\"/en-US/docs/Web/CSS/text-emphasis-color\" class=\"only-in-en-us\">text-emphasis-color</a></li><li><a href=\"/en-US/docs/Web/CSS/text-emphasis-position\" class=\"only-in-en-us\">text-emphasis-position</a></li><li><a href=\"/en-US/docs/Web/CSS/text-emphasis-style\" class=\"only-in-en-us\">text-emphasis-style</a></li><li><a href=\"/en-US/docs/Web/CSS/text-indent\" class=\"only-in-en-us\">text-indent</a></li><li><a href=\"/en-US/docs/Web/CSS/text-justify\" class=\"only-in-en-us\">text-justify</a></li><li><a href=\"/en-US/docs/Web/CSS/text-orientation\" class=\"only-in-en-us\">text-orientation</a></li><li><a href=\"/en-US/docs/Web/CSS/text-overflow\" class=\"only-in-en-us\">text-overflow</a></li><li><a href=\"/en-US/docs/Web/CSS/text-rendering\" class=\"only-in-en-us\">text-rendering</a></li><li><a href=\"/en-US/docs/Web/CSS/text-shadow\" class=\"only-in-en-us\">text-shadow</a></li><li><a href=\"/en-US/docs/Web/CSS/text-size-adjust\" class=\"only-in-en-us\">text-size-adjust</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/text-spacing-trim\" class=\"only-in-en-us\">text-spacing-trim</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/text-transform\" class=\"only-in-en-us\">text-transform</a></li><li><a href=\"/en-US/docs/Web/CSS/text-underline-offset\" class=\"only-in-en-us\">text-underline-offset</a></li><li><a href=\"/en-US/docs/Web/CSS/text-underline-position\" class=\"only-in-en-us\">text-underline-position</a></li><li><a href=\"/ko/docs/Web/CSS/text-wrap\">text-wrap</a></li><li><a href=\"/en-US/docs/Web/CSS/text-wrap-mode\" class=\"only-in-en-us\">text-wrap-mode</a></li><li><a href=\"/en-US/docs/Web/CSS/text-wrap-style\" class=\"only-in-en-us\">text-wrap-style</a></li></ol></details></li><li><a href=\"/en-US/docs/Web/CSS/timeline-scope\" class=\"only-in-en-us\">timeline-scope</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/top\" class=\"only-in-en-us\">top</a></li><li><a href=\"/en-US/docs/Web/CSS/touch-action\" class=\"only-in-en-us\">touch-action</a></li><li class=\"toggle\"><details><summary>transform-*</summary><ol><li><a href=\"/ko/docs/Web/CSS/transform\">transform</a></li><li><a href=\"/en-US/docs/Web/CSS/transform-box\" class=\"only-in-en-us\">transform-box</a></li><li><a href=\"/en-US/docs/Web/CSS/transform-origin\" class=\"only-in-en-us\">transform-origin</a></li><li><a href=\"/en-US/docs/Web/CSS/transform-style\" class=\"only-in-en-us\">transform-style</a></li></ol></details></li><li class=\"toggle\"><details><summary>transition-*</summary><ol><li><a href=\"/ko/docs/Web/CSS/transition\">transition</a></li><li><a href=\"/en-US/docs/Web/CSS/transition-behavior\" class=\"only-in-en-us\">transition-behavior</a></li><li><a href=\"/en-US/docs/Web/CSS/transition-delay\" class=\"only-in-en-us\">transition-delay</a></li><li><a href=\"/ko/docs/Web/CSS/transition-duration\">transition-duration</a></li><li><a href=\"/ko/docs/Web/CSS/transition-property\">transition-property</a></li><li><a href=\"/en-US/docs/Web/CSS/transition-timing-function\" class=\"only-in-en-us\">transition-timing-function</a></li></ol></details></li><li><a href=\"/en-US/docs/Web/CSS/translate\" class=\"only-in-en-us\">translate</a></li><li><a href=\"/en-US/docs/Web/CSS/unicode-bidi\" class=\"only-in-en-us\">unicode-bidi</a></li><li><a href=\"/en-US/docs/Web/CSS/user-modify\" class=\"only-in-en-us\">user-modify</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr><abbr class=\"icon icon-deprecated\" title=\"지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요.\">\n<span class=\"visually-hidden\">지원이 중단되었습니다</span>\n</abbr></li><li><a href=\"/ko/docs/Web/CSS/user-select\">user-select</a></li><li><a href=\"/en-US/docs/Web/CSS/vector-effect\" class=\"only-in-en-us\">vector-effect</a></li><li><a href=\"/ko/docs/Web/CSS/vertical-align\">vertical-align</a></li><li class=\"toggle\"><details><summary>view-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/view-timeline\" class=\"only-in-en-us\">view-timeline</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/view-timeline-axis\" class=\"only-in-en-us\">view-timeline-axis</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/view-timeline-inset\" class=\"only-in-en-us\">view-timeline-inset</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/view-timeline-name\" class=\"only-in-en-us\">view-timeline-name</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/view-transition-name\" class=\"only-in-en-us\">view-transition-name</a></li></ol></details></li><li><a href=\"/ko/docs/Web/CSS/visibility\">visibility</a></li><li><a href=\"/ko/docs/Web/CSS/white-space\">white-space</a></li><li><a href=\"/en-US/docs/Web/CSS/white-space-collapse\" class=\"only-in-en-us\">white-space-collapse</a></li><li><a href=\"/en-US/docs/Web/CSS/widows\" class=\"only-in-en-us\">widows</a></li><li><a href=\"/ko/docs/Web/CSS/width\">width</a></li><li><a href=\"/ko/docs/Web/CSS/will-change\">will-change</a></li><li><a href=\"/ko/docs/Web/CSS/word-break\">word-break</a></li><li><a href=\"/ko/docs/Web/CSS/word-spacing\">word-spacing</a></li><li><a href=\"/en-US/docs/Web/CSS/writing-mode\" class=\"only-in-en-us\">writing-mode</a></li><li><a href=\"/en-US/docs/Web/CSS/x\" class=\"only-in-en-us\">x</a></li><li><a href=\"/en-US/docs/Web/CSS/y\" class=\"only-in-en-us\">y</a></li><li><a href=\"/ko/docs/Web/CSS/z-index\">z-index</a></li><li><a href=\"/en-US/docs/Web/CSS/zoom\" class=\"only-in-en-us\">zoom</a></li></ol></details></li><li class=\"toggle\"><details><summary>Selectors</summary><ol><li><a href=\"/ko/docs/Web/CSS/Nesting_selector\">& nesting selector</a></li><li><a href=\"/ko/docs/Web/CSS/Attribute_selectors\">특성 선택자</a></li><li><a href=\"/ko/docs/Web/CSS/Class_selectors\">클래스 선택자</a></li><li><a href=\"/ko/docs/Web/CSS/ID_selectors\">ID 선택자</a></li><li><a href=\"/ko/docs/Web/CSS/Type_selectors\">유형 선택자</a></li><li><a href=\"/ko/docs/Web/CSS/Universal_selectors\">전체 선택자</a></li></ol></details></li><li class=\"toggle\"><details><summary>Combinators</summary><ol><li><a href=\"/ko/docs/Web/CSS/Child_combinator\">자식 결합자</a></li><li><a href=\"/ko/docs/Web/CSS/Column_combinator\">Column combinator</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/ko/docs/Web/CSS/Descendant_combinator\">자손 결합자</a></li><li><a href=\"/ko/docs/Web/CSS/Namespace_separator\">Namespace separator</a></li><li><a href=\"/ko/docs/Web/CSS/Next-sibling_combinator\">인접 형제 결합자</a></li><li><a href=\"/ko/docs/Web/CSS/Selector_list\">선택자 목록</a></li><li><a href=\"/ko/docs/Web/CSS/Subsequent-sibling_combinator\">일반 형제 결합자</a></li></ol></details></li><li class=\"toggle\"><details><summary>Pseudo-classes</summary><ol><li class=\"toggle\"><details><summary>:-moz-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/:-moz-broken\" class=\"only-in-en-us\">:-moz-broken</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr><abbr class=\"icon icon-deprecated\" title=\"지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요.\">\n<span class=\"visually-hidden\">지원이 중단되었습니다</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/:-moz-drag-over\" class=\"only-in-en-us\">:-moz-drag-over</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/:-moz-first-node\" class=\"only-in-en-us\">:-moz-first-node</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/:-moz-handler-blocked\" class=\"only-in-en-us\">:-moz-handler-blocked</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/:-moz-handler-crashed\" class=\"only-in-en-us\">:-moz-handler-crashed</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/:-moz-handler-disabled\" class=\"only-in-en-us\">:-moz-handler-disabled</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/:-moz-last-node\" class=\"only-in-en-us\">:-moz-last-node</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/:-moz-loading\" class=\"only-in-en-us\">:-moz-loading</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/:-moz-locale-dir_ltr\" class=\"only-in-en-us\">:-moz-locale-dir(ltr)</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/:-moz-locale-dir_rtl\" class=\"only-in-en-us\">:-moz-locale-dir(rtl)</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/:-moz-only-whitespace\" class=\"only-in-en-us\">:-moz-only-whitespace</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/:-moz-submit-invalid\" class=\"only-in-en-us\">:-moz-submit-invalid</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/:-moz-suppressed\" class=\"only-in-en-us\">:-moz-suppressed</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/:-moz-user-disabled\" class=\"only-in-en-us\">:-moz-user-disabled</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/:-moz-window-inactive\" class=\"only-in-en-us\">:-moz-window-inactive</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li></ol></details></li><li><a href=\"/ko/docs/Web/CSS/:active\">:active</a></li><li><a href=\"/en-US/docs/Web/CSS/:any-link\" class=\"only-in-en-us\">:any-link</a></li><li><a href=\"/en-US/docs/Web/CSS/:autofill\" class=\"only-in-en-us\">:autofill</a></li><li><a href=\"/ko/docs/Web/CSS/:blank\">:blank</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/:buffering\" class=\"only-in-en-us\">:buffering</a></li><li><a href=\"/ko/docs/Web/CSS/:checked\">:checked</a></li><li><a href=\"/en-US/docs/Web/CSS/:current\" class=\"only-in-en-us\">:current</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/ko/docs/Web/CSS/:default\">:default</a></li><li><a href=\"/ko/docs/Web/CSS/:defined\">:defined</a></li><li><a href=\"/en-US/docs/Web/CSS/:dir\" class=\"only-in-en-us\">:dir()</a></li><li><a href=\"/ko/docs/Web/CSS/:disabled\">:disabled</a></li><li><a href=\"/en-US/docs/Web/CSS/:empty\" class=\"only-in-en-us\">:empty</a></li><li><a href=\"/ko/docs/Web/CSS/:enabled\">:enabled</a></li><li class=\"toggle\"><details><summary>:first-*</summary><ol><li><a href=\"/ko/docs/Web/CSS/:first\">:first</a></li><li><a href=\"/ko/docs/Web/CSS/:first-child\">:first-child</a></li><li><a href=\"/ko/docs/Web/CSS/:first-of-type\">:first-of-type</a></li></ol></details></li><li class=\"toggle\"><details><summary>:focus-*</summary><ol><li><a href=\"/ko/docs/Web/CSS/:focus\">:focus</a></li><li><a href=\"/en-US/docs/Web/CSS/:focus-visible\" class=\"only-in-en-us\">:focus-visible</a></li><li><a href=\"/ko/docs/Web/CSS/:focus-within\">:focus-within</a></li></ol></details></li><li><a href=\"/ko/docs/Web/CSS/:fullscreen\">:fullscreen</a></li><li><a href=\"/en-US/docs/Web/CSS/:future\" class=\"only-in-en-us\">:future</a></li><li><a href=\"/en-US/docs/Web/CSS/:has-slotted\" class=\"only-in-en-us\">:has-slotted</a></li><li><a href=\"/en-US/docs/Web/CSS/:has\" class=\"only-in-en-us\">:has()</a></li><li><a href=\"/en-US/docs/Web/CSS/:host\" class=\"only-in-en-us\">:host</a></li><li><a href=\"/en-US/docs/Web/CSS/:host-context\" class=\"only-in-en-us\">:host-context()</a></li><li><a href=\"/en-US/docs/Web/CSS/:host_function\" class=\"only-in-en-us\">:host()</a></li><li><a href=\"/ko/docs/Web/CSS/:hover\">:hover</a></li><li><a href=\"/en-US/docs/Web/CSS/:in-range\" class=\"only-in-en-us\">:in-range</a></li><li><a href=\"/en-US/docs/Web/CSS/:indeterminate\" class=\"only-in-en-us\">:indeterminate</a></li><li><a href=\"/en-US/docs/Web/CSS/:invalid\" class=\"only-in-en-us\">:invalid</a></li><li><a href=\"/en-US/docs/Web/CSS/:is\" class=\"only-in-en-us\">:is()</a></li><li><a href=\"/en-US/docs/Web/CSS/:lang\" class=\"only-in-en-us\">:lang()</a></li><li><a href=\"/ko/docs/Web/CSS/:last-child\">:last-child</a></li><li><a href=\"/en-US/docs/Web/CSS/:last-of-type\" class=\"only-in-en-us\">:last-of-type</a></li><li><a href=\"/en-US/docs/Web/CSS/:left\" class=\"only-in-en-us\">:left</a></li><li><a href=\"/ko/docs/Web/CSS/:link\">:link</a></li><li><a href=\"/en-US/docs/Web/CSS/:local-link\" class=\"only-in-en-us\">:local-link</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/:modal\" class=\"only-in-en-us\">:modal</a></li><li><a href=\"/en-US/docs/Web/CSS/:muted\" class=\"only-in-en-us\">:muted</a></li><li><a href=\"/ko/docs/Web/CSS/:not\">:not()</a></li><li class=\"toggle\"><details><summary>:nth-*</summary><ol><li><a href=\"/ko/docs/Web/CSS/:nth-child\">:nth-child</a></li><li><a href=\"/en-US/docs/Web/CSS/:nth-last-child\" class=\"only-in-en-us\">:nth-last-child()</a></li><li><a href=\"/en-US/docs/Web/CSS/:nth-last-of-type\" class=\"only-in-en-us\">:nth-last-of-type()</a></li><li><a href=\"/en-US/docs/Web/CSS/:nth-of-type\" class=\"only-in-en-us\">:nth-of-type()</a></li></ol></details></li><li><a href=\"/en-US/docs/Web/CSS/:only-child\" class=\"only-in-en-us\">:only-child</a></li><li><a href=\"/en-US/docs/Web/CSS/:only-of-type\" class=\"only-in-en-us\">:only-of-type</a></li><li><a href=\"/en-US/docs/Web/CSS/:open\" class=\"only-in-en-us\">:open</a></li><li><a href=\"/en-US/docs/Web/CSS/:optional\" class=\"only-in-en-us\">:optional</a></li><li><a href=\"/en-US/docs/Web/CSS/:out-of-range\" class=\"only-in-en-us\">:out-of-range</a></li><li><a href=\"/en-US/docs/Web/CSS/:past\" class=\"only-in-en-us\">:past</a></li><li><a href=\"/en-US/docs/Web/CSS/:paused\" class=\"only-in-en-us\">:paused</a></li><li><a href=\"/en-US/docs/Web/CSS/:picture-in-picture\" class=\"only-in-en-us\">:picture-in-picture</a></li><li><a href=\"/ko/docs/Web/CSS/:placeholder-shown\">:placeholder-shown</a></li><li><a href=\"/en-US/docs/Web/CSS/:playing\" class=\"only-in-en-us\">:playing</a></li><li><a href=\"/en-US/docs/Web/CSS/:popover-open\" class=\"only-in-en-us\">:popover-open</a></li><li><a href=\"/en-US/docs/Web/CSS/:read-only\" class=\"only-in-en-us\">:read-only</a></li><li><a href=\"/en-US/docs/Web/CSS/:read-write\" class=\"only-in-en-us\">:read-write</a></li><li><a href=\"/en-US/docs/Web/CSS/:required\" class=\"only-in-en-us\">:required</a></li><li><a href=\"/en-US/docs/Web/CSS/:right\" class=\"only-in-en-us\">:right</a></li><li><a href=\"/ko/docs/Web/CSS/:root\">:root</a></li><li><a href=\"/en-US/docs/Web/CSS/:scope\" class=\"only-in-en-us\">:scope</a></li><li><a href=\"/en-US/docs/Web/CSS/:seeking\" class=\"only-in-en-us\">:seeking</a></li><li><a href=\"/en-US/docs/Web/CSS/:stalled\" class=\"only-in-en-us\">:stalled</a></li><li><a href=\"/en-US/docs/Web/CSS/:state\" class=\"only-in-en-us\">:state()</a></li><li><a href=\"/en-US/docs/Web/CSS/:target\" class=\"only-in-en-us\">:target</a></li><li><a href=\"/en-US/docs/Web/CSS/:target-within\" class=\"only-in-en-us\">:target-within</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/:user-invalid\" class=\"only-in-en-us\">:user-invalid</a></li><li><a href=\"/en-US/docs/Web/CSS/:user-valid\" class=\"only-in-en-us\">:user-valid</a></li><li><a href=\"/en-US/docs/Web/CSS/:valid\" class=\"only-in-en-us\">:valid</a></li><li><a href=\"/ko/docs/Web/CSS/:visited\">:visited</a></li><li><a href=\"/en-US/docs/Web/CSS/:volume-locked\" class=\"only-in-en-us\">:volume-locked</a></li><li><a href=\"/en-US/docs/Web/CSS/:where\" class=\"only-in-en-us\">:where()</a></li></ol></details></li><li class=\"toggle\"><details><summary>Pseudo-elements</summary><ol><li class=\"toggle\"><details><summary>::-moz-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/::-moz-color-swatch\" class=\"only-in-en-us\">::-moz-color-swatch</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/::-moz-focus-inner\" class=\"only-in-en-us\">::-moz-focus-inner</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/::-moz-list-bullet\" class=\"only-in-en-us\">::-moz-list-bullet</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/::-moz-list-number\" class=\"only-in-en-us\">::-moz-list-number</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/::-moz-meter-bar\" class=\"only-in-en-us\">::-moz-meter-bar</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/::-moz-progress-bar\" class=\"only-in-en-us\">::-moz-progress-bar</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/::-moz-range-progress\" class=\"only-in-en-us\">::-moz-range-progress</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/::-moz-range-thumb\" class=\"only-in-en-us\">::-moz-range-thumb</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/::-moz-range-track\" class=\"only-in-en-us\">::-moz-range-track</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li></ol></details></li><li class=\"toggle\"><details><summary>::-webkit-*</summary><ol><li><a href=\"/en-US/docs/Web/CSS/::-webkit-inner-spin-button\" class=\"only-in-en-us\">::-webkit-inner-spin-button</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/::-webkit-meter-bar\" class=\"only-in-en-us\">::-webkit-meter-bar</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr><abbr class=\"icon icon-deprecated\" title=\"지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요.\">\n<span class=\"visually-hidden\">지원이 중단되었습니다</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/::-webkit-meter-even-less-good-value\" class=\"only-in-en-us\">::-webkit-meter-even-less-good-value</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/::-webkit-meter-inner-element\" class=\"only-in-en-us\">::-webkit-meter-inner-element</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/::-webkit-meter-optimum-value\" class=\"only-in-en-us\">::-webkit-meter-optimum-value</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/::-webkit-meter-suboptimum-value\" class=\"only-in-en-us\">::-webkit-meter-suboptimum-value</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/::-webkit-progress-bar\" class=\"only-in-en-us\">::-webkit-progress-bar</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/::-webkit-progress-inner-element\" class=\"only-in-en-us\">::-webkit-progress-inner-element</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/::-webkit-progress-value\" class=\"only-in-en-us\">::-webkit-progress-value</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/ko/docs/Web/CSS/::-webkit-scrollbar\">::-webkit-scrollbar</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/::-webkit-search-cancel-button\" class=\"only-in-en-us\">::-webkit-search-cancel-button</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/::-webkit-search-results-button\" class=\"only-in-en-us\">::-webkit-search-results-button</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/::-webkit-slider-runnable-track\" class=\"only-in-en-us\">::-webkit-slider-runnable-track</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/::-webkit-slider-thumb\" class=\"only-in-en-us\">::-webkit-slider-thumb</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr></li></ol></details></li><li><a href=\"/ko/docs/Web/CSS/::after\">::after (:after)</a></li><li><a href=\"/en-US/docs/Web/CSS/::backdrop\" class=\"only-in-en-us\">::backdrop</a></li><li><a href=\"/ko/docs/Web/CSS/::before\">::before</a></li><li><a href=\"/en-US/docs/Web/CSS/::cue\" class=\"only-in-en-us\">::cue</a></li><li><a href=\"/en-US/docs/Web/CSS/::details-content\" class=\"only-in-en-us\">::details-content</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/::file-selector-button\" class=\"only-in-en-us\">::file-selector-button</a></li><li><a href=\"/en-US/docs/Web/CSS/::first-letter\" class=\"only-in-en-us\">::first-letter</a></li><li><a href=\"/en-US/docs/Web/CSS/::first-line\" class=\"only-in-en-us\">::first-line</a></li><li><a href=\"/ko/docs/Web/CSS/::grammar-error\">::grammar-error</a></li><li><a href=\"/ko/docs/Web/CSS/::highlight\">::highlight()</a></li><li><a href=\"/ko/docs/Web/CSS/::marker\">::marker</a></li><li><a href=\"/ko/docs/Web/CSS/::part\">::part()</a></li><li><a href=\"/ko/docs/Web/CSS/::placeholder\">::placeholder</a></li><li><a href=\"/ko/docs/Web/CSS/::selection\">::selection</a></li><li><a href=\"/ko/docs/Web/CSS/::slotted\">::slotted()</a></li><li><a href=\"/ko/docs/Web/CSS/::spelling-error\">::spelling-error</a></li><li><a href=\"/ko/docs/Web/CSS/::target-text\">::target-text</a></li><li class=\"toggle\"><details><summary>::view-*</summary><ol><li><a href=\"/ko/docs/Web/CSS/::view-transition\">::view-transition</a></li><li><a href=\"/ko/docs/Web/CSS/::view-transition-group\">::view-transition-group</a></li><li><a href=\"/ko/docs/Web/CSS/::view-transition-image-pair\">::view-transition-image-pair</a></li><li><a href=\"/ko/docs/Web/CSS/::view-transition-new\">::view-transition-new</a></li><li><a href=\"/ko/docs/Web/CSS/::view-transition-old\">::view-transition-old</a></li></ol></details></li></ol></details></li><li class=\"toggle\"><details><summary>At-rules</summary><ol><li><a href=\"/ko/docs/Web/CSS/@charset\">@charset</a></li><li><a href=\"/en-US/docs/Web/CSS/@color-profile\" class=\"only-in-en-us\">@color-profile</a></li><li><a href=\"/en-US/docs/Web/CSS/@container\" class=\"only-in-en-us\">@container</a></li><li><a href=\"/en-US/docs/Web/CSS/@counter-style\" class=\"only-in-en-us\">@counter-style</a></li><li><a href=\"/en-US/docs/Web/CSS/@document\" class=\"only-in-en-us\">@document</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr><abbr class=\"icon icon-deprecated\" title=\"지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요.\">\n<span class=\"visually-hidden\">지원이 중단되었습니다</span>\n</abbr></li><li><a href=\"/ko/docs/Web/CSS/@font-face\">@font-face</a></li><li><a href=\"/en-US/docs/Web/CSS/@font-feature-values\" class=\"only-in-en-us\">@font-feature-values</a></li><li><a href=\"/en-US/docs/Web/CSS/@font-palette-values\" class=\"only-in-en-us\">@font-palette-values</a></li><li><a href=\"/ko/docs/Web/CSS/@import\">@import</a></li><li><a href=\"/ko/docs/Web/CSS/@keyframes\">@keyframes</a></li><li><a href=\"/ko/docs/Web/CSS/@layer\">@layer</a></li><li><a href=\"/ko/docs/Web/CSS/@media\">@media</a></li><li><a href=\"/ko/docs/Web/CSS/@namespace\">@namespace</a></li><li><a href=\"/ko/docs/Web/CSS/@page\">@page</a></li><li><a href=\"/en-US/docs/Web/CSS/@position-try\" class=\"only-in-en-us\">@position-try</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/@property\" class=\"only-in-en-us\">@property</a></li><li><a href=\"/en-US/docs/Web/CSS/@scope\" class=\"only-in-en-us\">@scope</a></li><li><a href=\"/en-US/docs/Web/CSS/@starting-style\" class=\"only-in-en-us\">@starting-style</a></li><li><a href=\"/ko/docs/Web/CSS/@supports\">@supports</a></li><li><a href=\"/en-US/docs/Web/CSS/@view-transition\" class=\"only-in-en-us\">@view-transition</a></li></ol></details></li><li class=\"toggle\"><details><summary>Functions</summary><ol><li><a href=\"/en-US/docs/Web/CSS/-moz-image-rect\" class=\"only-in-en-us\">-moz-image-rect</a><abbr class=\"icon icon-nonstandard\" title=\"비표준. 사용하기전에 다른 브라우저에서도 사용 가능한지 확인 해주세요.\">\n<span class=\"visually-hidden\">비표준</span>\n</abbr><abbr class=\"icon icon-deprecated\" title=\"지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요.\">\n<span class=\"visually-hidden\">지원이 중단되었습니다</span>\n</abbr></li><li><a href=\"/ko/docs/Web/CSS/abs\">abs()</a></li><li><a href=\"/en-US/docs/Web/CSS/acos\" class=\"only-in-en-us\">acos()</a></li><li><a href=\"/en-US/docs/Web/CSS/anchor-size\" class=\"only-in-en-us\">anchor-size()</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/anchor\" class=\"only-in-en-us\">anchor()</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/asin\" class=\"only-in-en-us\">asin()</a></li><li><a href=\"/en-US/docs/Web/CSS/atan\" class=\"only-in-en-us\">atan()</a></li><li><a href=\"/en-US/docs/Web/CSS/atan2\" class=\"only-in-en-us\">atan2()</a></li><li><a href=\"/en-US/docs/Web/CSS/attr\" class=\"only-in-en-us\">attr()</a></li><li><a href=\"/ko/docs/Web/CSS/filter-function/blur\">blur()</a></li><li><a href=\"/ko/docs/Web/CSS/filter-function/brightness\">brightness()</a></li><li><a href=\"/en-US/docs/Web/CSS/calc-size\" class=\"only-in-en-us\">calc-size()</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/ko/docs/Web/CSS/calc\">calc()</a></li><li><a href=\"/ko/docs/Web/CSS/basic-shape/circle\">circle()</a></li><li><a href=\"/en-US/docs/Web/CSS/clamp\" class=\"only-in-en-us\">clamp()</a></li><li><a href=\"/en-US/docs/Web/CSS/color_value/color-mix\" class=\"only-in-en-us\">color-mix()</a></li><li><a href=\"/en-US/docs/Web/CSS/color_value/color\" class=\"only-in-en-us\">color()</a></li><li><a href=\"/en-US/docs/Web/CSS/gradient/conic-gradient\" class=\"only-in-en-us\">conic-gradient()</a></li><li><a href=\"/ko/docs/Web/CSS/filter-function/contrast\">contrast()</a></li><li><a href=\"/en-US/docs/Web/CSS/cos\" class=\"only-in-en-us\">cos()</a></li><li><a href=\"/en-US/docs/Web/CSS/counter\" class=\"only-in-en-us\">counter()</a></li><li><a href=\"/en-US/docs/Web/CSS/counters\" class=\"only-in-en-us\">counters()</a></li><li><a href=\"/en-US/docs/Web/CSS/cross-fade\" class=\"only-in-en-us\">cross-fade()</a></li><li><a href=\"/en-US/docs/Web/CSS/easing-function/cubic-bezier\" class=\"only-in-en-us\">cubic-bezier()</a></li><li><a href=\"/en-US/docs/Web/CSS/color_value/device-cmyk\" class=\"only-in-en-us\">device-cmyk()</a></li><li><a href=\"/en-US/docs/Web/CSS/filter-function/drop-shadow\" class=\"only-in-en-us\">drop-shadow()</a></li><li><a href=\"/en-US/docs/Web/CSS/element\" class=\"only-in-en-us\">element()</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/basic-shape/ellipse\" class=\"only-in-en-us\">ellipse()</a></li><li><a href=\"/ko/docs/Web/CSS/env\">env()</a></li><li><a href=\"/en-US/docs/Web/CSS/exp\" class=\"only-in-en-us\">exp()</a></li><li><a href=\"/en-US/docs/Web/CSS/fit-content_function\" class=\"only-in-en-us\">fit-content()</a></li><li><a href=\"/en-US/docs/Web/CSS/filter-function/grayscale\" class=\"only-in-en-us\">grayscale()</a></li><li><a href=\"/en-US/docs/Web/CSS/color_value/hsl\" class=\"only-in-en-us\">hsl()</a></li><li><a href=\"/en-US/docs/Web/CSS/filter-function/hue-rotate\" class=\"only-in-en-us\">hue-rotate()</a></li><li><a href=\"/en-US/docs/Web/CSS/color_value/hwb\" class=\"only-in-en-us\">hwb()</a></li><li><a href=\"/en-US/docs/Web/CSS/hypot\" class=\"only-in-en-us\">hypot()</a></li><li><a href=\"/ko/docs/Web/CSS/image/image-set\">image-set()</a></li><li><a href=\"/en-US/docs/Web/CSS/image/image\" class=\"only-in-en-us\">image()</a></li><li><a href=\"/en-US/docs/Web/CSS/basic-shape/inset\" class=\"only-in-en-us\">inset()</a></li><li><a href=\"/ko/docs/Web/CSS/filter-function/invert\">invert()</a></li><li><a href=\"/en-US/docs/Web/CSS/color_value/lab\" class=\"only-in-en-us\">lab()</a></li><li><a href=\"/en-US/docs/Web/CSS/@import/layer_function\" class=\"only-in-en-us\">layer()</a></li><li><a href=\"/en-US/docs/Web/CSS/color_value/lch\" class=\"only-in-en-us\">lch()</a></li><li><a href=\"/en-US/docs/Web/CSS/color_value/light-dark\" class=\"only-in-en-us\">light-dark()</a></li><li><a href=\"/ko/docs/Web/CSS/gradient/linear-gradient\">linear-gradient()</a></li><li><a href=\"/en-US/docs/Web/CSS/easing-function/linear\" class=\"only-in-en-us\">linear()</a></li><li><a href=\"/en-US/docs/Web/CSS/log\" class=\"only-in-en-us\">log()</a></li><li><a href=\"/ko/docs/Web/CSS/transform-function/matrix\">matrix()</a></li><li><a href=\"/en-US/docs/Web/CSS/transform-function/matrix3d\" class=\"only-in-en-us\">matrix3d()</a></li><li><a href=\"/en-US/docs/Web/CSS/max\" class=\"only-in-en-us\">max()</a></li><li><a href=\"/en-US/docs/Web/CSS/min\" class=\"only-in-en-us\">min()</a></li><li><a href=\"/en-US/docs/Web/CSS/minmax\" class=\"only-in-en-us\">minmax()</a></li><li><a href=\"/en-US/docs/Web/CSS/mod\" class=\"only-in-en-us\">mod()</a></li><li><a href=\"/en-US/docs/Web/CSS/color_value/oklab\" class=\"only-in-en-us\">oklab()</a></li><li><a href=\"/en-US/docs/Web/CSS/color_value/oklch\" class=\"only-in-en-us\">oklch()</a></li><li><a href=\"/en-US/docs/Web/CSS/filter-function/opacity\" class=\"only-in-en-us\">opacity()</a></li><li><a href=\"/en-US/docs/Web/CSS/image/paint\" class=\"only-in-en-us\">paint()</a></li><li><a href=\"/en-US/docs/Web/CSS/font-palette/palette-mix\" class=\"only-in-en-us\">palette-mix()</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/basic-shape/path\" class=\"only-in-en-us\">path()</a></li><li><a href=\"/en-US/docs/Web/CSS/transform-function/perspective\" class=\"only-in-en-us\">perspective()</a></li><li><a href=\"/en-US/docs/Web/CSS/basic-shape/polygon\" class=\"only-in-en-us\">polygon()</a></li><li><a href=\"/en-US/docs/Web/CSS/pow\" class=\"only-in-en-us\">pow()</a></li><li><a href=\"/en-US/docs/Web/CSS/gradient/radial-gradient\" class=\"only-in-en-us\">radial-gradient()</a></li><li><a href=\"/en-US/docs/Web/CSS/ray\" class=\"only-in-en-us\">ray()</a></li><li><a href=\"/en-US/docs/Web/CSS/basic-shape/rect\" class=\"only-in-en-us\">rect()</a></li><li><a href=\"/en-US/docs/Web/CSS/rem\" class=\"only-in-en-us\">rem()</a></li><li><a href=\"/en-US/docs/Web/CSS/repeat\" class=\"only-in-en-us\">repeat()</a></li><li><a href=\"/en-US/docs/Web/CSS/gradient/repeating-conic-gradient\" class=\"only-in-en-us\">repeating-conic-gradient()</a></li><li><a href=\"/en-US/docs/Web/CSS/gradient/repeating-linear-gradient\" class=\"only-in-en-us\">repeating-linear-gradient()</a></li><li><a href=\"/en-US/docs/Web/CSS/gradient/repeating-radial-gradient\" class=\"only-in-en-us\">repeating-radial-gradient()</a></li><li><a href=\"/en-US/docs/Web/CSS/color_value/rgb\" class=\"only-in-en-us\">rgb()</a></li><li><a href=\"/en-US/docs/Web/CSS/transform-function/rotate\" class=\"only-in-en-us\">rotate()</a></li><li><a href=\"/en-US/docs/Web/CSS/transform-function/rotate3d\" class=\"only-in-en-us\">rotate3d()</a></li><li><a href=\"/en-US/docs/Web/CSS/transform-function/rotateX\" class=\"only-in-en-us\">rotateX()</a></li><li><a href=\"/en-US/docs/Web/CSS/transform-function/rotateY\" class=\"only-in-en-us\">rotateY()</a></li><li><a href=\"/en-US/docs/Web/CSS/transform-function/rotateZ\" class=\"only-in-en-us\">rotateZ()</a></li><li><a href=\"/en-US/docs/Web/CSS/round\" class=\"only-in-en-us\">round()</a></li><li><a href=\"/en-US/docs/Web/CSS/filter-function/saturate\" class=\"only-in-en-us\">saturate()</a></li><li><a href=\"/en-US/docs/Web/CSS/transform-function/scale\" class=\"only-in-en-us\">scale()</a></li><li><a href=\"/en-US/docs/Web/CSS/transform-function/scale3d\" class=\"only-in-en-us\">scale3d()</a></li><li><a href=\"/ko/docs/Web/CSS/transform-function/scaleX\">scaleX()</a></li><li><a href=\"/en-US/docs/Web/CSS/transform-function/scaleY\" class=\"only-in-en-us\">scaleY()</a></li><li><a href=\"/en-US/docs/Web/CSS/transform-function/scaleZ\" class=\"only-in-en-us\">scaleZ()</a></li><li><a href=\"/en-US/docs/Web/CSS/animation-timeline/scroll\" class=\"only-in-en-us\">scroll()</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/filter-function/sepia\" class=\"only-in-en-us\">sepia()</a></li><li><a href=\"/en-US/docs/Web/CSS/basic-shape/shape\" class=\"only-in-en-us\">shape()</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/sign\" class=\"only-in-en-us\">sign()</a></li><li><a href=\"/en-US/docs/Web/CSS/sin\" class=\"only-in-en-us\">sin()</a></li><li><a href=\"/en-US/docs/Web/CSS/transform-function/skew\" class=\"only-in-en-us\">skew()</a></li><li><a href=\"/en-US/docs/Web/CSS/transform-function/skewX\" class=\"only-in-en-us\">skewX()</a></li><li><a href=\"/en-US/docs/Web/CSS/transform-function/skewY\" class=\"only-in-en-us\">skewY()</a></li><li><a href=\"/en-US/docs/Web/CSS/sqrt\" class=\"only-in-en-us\">sqrt()</a></li><li><a href=\"/en-US/docs/Web/CSS/easing-function/steps\" class=\"only-in-en-us\">steps()</a></li><li><a href=\"/en-US/docs/Web/CSS/symbols\" class=\"only-in-en-us\">symbols()</a></li><li><a href=\"/en-US/docs/Web/CSS/tan\" class=\"only-in-en-us\">tan()</a></li><li><a href=\"/ko/docs/Web/CSS/transform-function/translate\">translate()</a></li><li><a href=\"/en-US/docs/Web/CSS/transform-function/translate3d\" class=\"only-in-en-us\">translate3d()</a></li><li><a href=\"/en-US/docs/Web/CSS/transform-function/translateX\" class=\"only-in-en-us\">translateX()</a></li><li><a href=\"/en-US/docs/Web/CSS/transform-function/translateY\" class=\"only-in-en-us\">translateY()</a></li><li><a href=\"/en-US/docs/Web/CSS/transform-function/translateZ\" class=\"only-in-en-us\">translateZ()</a></li><li><a href=\"/en-US/docs/Web/CSS/url_function\" class=\"only-in-en-us\">url()</a></li><li><a href=\"/ko/docs/Web/CSS/var\">var()</a></li><li><a href=\"/en-US/docs/Web/CSS/animation-timeline/view\" class=\"only-in-en-us\">view()</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/basic-shape/xywh\" class=\"only-in-en-us\">xywh()</a></li></ol></details></li><li class=\"toggle\"><details><summary>Types</summary><ol><li><a href=\"/en-US/docs/Web/CSS/absolute-size\" class=\"only-in-en-us\"><absolute-size></a></li><li><a href=\"/en-US/docs/Web/CSS/alpha-value\" class=\"only-in-en-us\"><alpha-value></a></li><li><a href=\"/ko/docs/Web/CSS/angle-percentage\"><angle-percentage></a></li><li><a href=\"/ko/docs/Web/CSS/angle\"><angle></a></li><li><a href=\"/en-US/docs/Web/CSS/baseline-position\" class=\"only-in-en-us\"><baseline-position></a></li><li><a href=\"/en-US/docs/Web/CSS/basic-shape\" class=\"only-in-en-us\"><basic-shape></a></li><li><a href=\"/ko/docs/Web/CSS/blend-mode\"><blend-mode></a></li><li><a href=\"/en-US/docs/Web/CSS/box-edge\" class=\"only-in-en-us\"><box-edge></a></li><li><a href=\"/en-US/docs/Web/CSS/calc-keyword\" class=\"only-in-en-us\"><calc-keyword></a></li><li><a href=\"/en-US/docs/Web/CSS/calc-sum\" class=\"only-in-en-us\"><calc-sum></a></li><li><a href=\"/en-US/docs/Web/CSS/color-interpolation-method\" class=\"only-in-en-us\"><color-interpolation-method></a></li><li><a href=\"/ko/docs/Web/CSS/color_value\"><color></a></li><li><a href=\"/en-US/docs/Web/CSS/content-distribution\" class=\"only-in-en-us\"><content-distribution></a></li><li><a href=\"/en-US/docs/Web/CSS/content-position\" class=\"only-in-en-us\"><content-position></a></li><li><a href=\"/en-US/docs/Web/CSS/custom-ident\" class=\"only-in-en-us\"><custom-ident></a></li><li><a href=\"/en-US/docs/Web/CSS/dashed-ident\" class=\"only-in-en-us\"><dashed-ident></a></li><li><a href=\"/en-US/docs/Web/CSS/dimension\" class=\"only-in-en-us\"><dimension></a></li><li><a href=\"/en-US/docs/Web/CSS/display-box\" class=\"only-in-en-us\"><display-box></a></li><li><a href=\"/en-US/docs/Web/CSS/display-inside\" class=\"only-in-en-us\"><display-inside></a></li><li><a href=\"/ko/docs/Web/CSS/display-internal\"><display-internal></a></li><li><a href=\"/en-US/docs/Web/CSS/display-legacy\" class=\"only-in-en-us\"><display-legacy></a></li><li><a href=\"/en-US/docs/Web/CSS/display-listitem\" class=\"only-in-en-us\"><display-listitem></a></li><li><a href=\"/en-US/docs/Web/CSS/display-outside\" class=\"only-in-en-us\"><display-outside></a></li><li><a href=\"/en-US/docs/Web/CSS/easing-function\" class=\"only-in-en-us\"><easing-function></a></li><li><a href=\"/ko/docs/Web/CSS/filter-function\"><filter-function></a></li><li><a href=\"/en-US/docs/Web/CSS/flex_value\" class=\"only-in-en-us\"><flex></a></li><li><a href=\"/en-US/docs/Web/CSS/frequency-percentage\" class=\"only-in-en-us\"><frequency-percentage></a></li><li><a href=\"/ko/docs/Web/CSS/frequency\"><frequency></a></li><li><a href=\"/en-US/docs/Web/CSS/generic-family\" class=\"only-in-en-us\"><generic-family></a></li><li><a href=\"/ko/docs/Web/CSS/gradient\"><gradient></a></li><li><a href=\"/en-US/docs/Web/CSS/hex-color\" class=\"only-in-en-us\"><hex-color></a></li><li><a href=\"/en-US/docs/Web/CSS/hue-interpolation-method\" class=\"only-in-en-us\"><hue-interpolation-method></a></li><li><a href=\"/en-US/docs/Web/CSS/hue\" class=\"only-in-en-us\"><hue></a></li><li><a href=\"/en-US/docs/Web/CSS/ident\" class=\"only-in-en-us\"><ident></a></li><li><a href=\"/ko/docs/Web/CSS/image\"><image></a></li><li><a href=\"/ko/docs/Web/CSS/integer\"><integer></a></li><li><a href=\"/ko/docs/Web/CSS/length-percentage\"><length-percentage></a></li><li><a href=\"/ko/docs/Web/CSS/length\"><length></a></li><li><a href=\"/en-US/docs/Web/CSS/line-style\" class=\"only-in-en-us\"><line-style></a></li><li><a href=\"/en-US/docs/Web/CSS/named-color\" class=\"only-in-en-us\"><named-color></a></li><li><a href=\"/ko/docs/Web/CSS/number\"><number></a></li><li><a href=\"/en-US/docs/Web/CSS/overflow-position\" class=\"only-in-en-us\"><overflow-position></a></li><li><a href=\"/en-US/docs/Web/CSS/overflow_value\" class=\"only-in-en-us\"><overflow></a></li><li><a href=\"/ko/docs/Web/CSS/percentage\"><percentage></a></li><li><a href=\"/en-US/docs/Web/CSS/position-area_value\" class=\"only-in-en-us\"><position-area></a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li><li><a href=\"/ko/docs/Web/CSS/position_value\"><position></a></li><li><a href=\"/en-US/docs/Web/CSS/ratio\" class=\"only-in-en-us\"><ratio></a></li><li><a href=\"/en-US/docs/Web/CSS/relative-size\" class=\"only-in-en-us\"><relative-size></a></li><li><a href=\"/en-US/docs/Web/CSS/resolution\" class=\"only-in-en-us\"><resolution></a></li><li><a href=\"/en-US/docs/Web/CSS/self-position\" class=\"only-in-en-us\"><self-position></a></li><li><a href=\"/en-US/docs/Web/CSS/shape\" class=\"only-in-en-us\"><shape></a><abbr class=\"icon icon-deprecated\" title=\"지원이 중단되었습니다. 새로운 웹사이트에서 사용하지 마세요.\">\n<span class=\"visually-hidden\">지원이 중단되었습니다</span>\n</abbr></li><li><a href=\"/en-US/docs/Web/CSS/string\" class=\"only-in-en-us\"><string></a></li><li><a href=\"/en-US/docs/Web/CSS/system-color\" class=\"only-in-en-us\"><system-color></a></li><li><a href=\"/en-US/docs/Web/CSS/time-percentage\" class=\"only-in-en-us\"><time-percentage></a></li><li><a href=\"/ko/docs/Web/CSS/time\"><time></a></li><li><a href=\"/ko/docs/Web/CSS/transform-function\"><transform-function></a></li><li><a href=\"/ko/docs/Web/CSS/url_value\"><url></a></li></ol></details></li><li class=\"section\"><a href=\"/en-US/docs/Web/CSS/Guides\" class=\"only-in-en-us\">안내서</a></li><li class=\"toggle\"><details><summary>애니메이션</summary><ol><li><a href=\"/ko/docs/Web/CSS/CSS_animations/Using_CSS_animations\">CSS 애니메이션 사용하기</a></li></ol></details></li><li class=\"toggle\"><details><summary>배경과 보더</summary><ol><li><a href=\"/ko/docs/Web/CSS/CSS_backgrounds_and_borders/Using_multiple_backgrounds\">한 번에 여러 배경 사용하기</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_backgrounds_and_borders/Resizing_background_images\">배경 이미지 크기 조정하기</a></li></ol></details></li><li class=\"toggle\"><details><summary>Box alignment</summary><ol><li><a href=\"/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_block_abspos_tables\" class=\"only-in-en-us\">블록 레이아웃 박스 정렬하기</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_flexbox\" class=\"only-in-en-us\">Box alignment in flexbox</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout\" class=\"only-in-en-us\">Box alignment in grid layout</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_multi-column_layout\" class=\"only-in-en-us\">Box alignment in multi-column layout</a></li></ol></details></li><li class=\"toggle\"><details><summary>박스 모델</summary><ol><li><a href=\"/ko/docs/Web/CSS/CSS_box_model/Introduction_to_the_CSS_box_model\">CSS 기본 박스 모델 입문</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_box_model/Mastering_margin_collapsing\">여백 상쇄 정복</a></li></ol></details></li><li class=\"toggle\"><details><summary>Colors</summary><ol><li><a href=\"/en-US/docs/Web/CSS/CSS_colors/Applying_color\" class=\"only-in-en-us\">Applying_color_to_HTML_elements</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_colors/Color_values\" class=\"only-in-en-us\">Color values</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_colors/Relative_colors\" class=\"only-in-en-us\">Using relative colors</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_colors/Using_color_wisely\" class=\"only-in-en-us\">Using color wisely</a></li><li><a href=\"/en-US/docs/Web/Accessibility/Understanding_Colors_and_Luminance\" class=\"only-in-en-us\">Accessibility_Understanding_colors_and_luminance</a></li><li><a href=\"/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast\" class=\"only-in-en-us\">Accessibility: Color contrast</a></li></ol></details></li><li class=\"toggle\"><details><summary>열</summary><ol><li><a href=\"/en-US/docs/Web/CSS/CSS_multicol_layout/Basic_concepts\" class=\"only-in-en-us\">Basic concepts of multi-column layout</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_multicol_layout/Styling_columns\" class=\"only-in-en-us\">Styling columns</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_multicol_layout/Spanning_balancing_columns\" class=\"only-in-en-us\">Spanning and balancing columns</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_multicol_layout/Handling_overflow_in_multicol_layout\">다단 레이아웃에서 넘침 처리</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_multicol_layout/Handling_content_breaks_in_multicol_layout\">다단 레이아웃에서 콘텐츠 분리 처리</a></li></ol></details></li><li class=\"toggle\"><details><summary>CSS에서 규칙 정의하기</summary><ol><li><a href=\"/en-US/docs/Web/CSS/CSS_conditional_rules/Using_feature_queries\" class=\"only-in-en-us\">Using feature queries</a></li></ol></details></li><li class=\"toggle\"><details><summary>Containment</summary><ol><li><a href=\"/en-US/docs/Web/CSS/CSS_containment/Using_CSS_containment\" class=\"only-in-en-us\">Using CSS containment</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_containment/Container_queries\" class=\"only-in-en-us\">CSS container queries</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_containment/Container_size_and_style_queries\" class=\"only-in-en-us\">Using container size and style queries</a></li></ol></details></li><li class=\"toggle\"><details><summary>CSSOM view</summary><ol><li><a href=\"/ko/docs/Web/CSS/CSSOM_view/Coordinate_systems\">좌표계</a></li></ol></details></li><li class=\"toggle\"><details><summary>플로 레이아웃</summary><ol><li><a href=\"/ko/docs/Web/CSS/CSS_display/Block_and_inline_layout_in_normal_flow\">일반 대열 속 블록 및 인라인 레이아웃</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_display/In_flow_and_out_of_flow\">대열과 탈대열</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_display/Introduction_to_formatting_contexts\">서식 상황 입문서</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_display/Flow_layout_and_writing_modes\">대열 레이아웃과 쓰기 모드</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_display/Flow_layout_and_overflow\">대열 레이아웃과 대열이탈</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_display/multi-keyword_syntax_of_display\" class=\"only-in-en-us\">Using the multi-keyword syntax with CSS display</a></li></ol></details></li><li class=\"toggle\"><details><summary>플렉스박스</summary><ol><li><a href=\"/ko/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox\">flexbox의 기본 개념</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_flexible_box_layout/Relationship_of_flexbox_to_other_layout_methods\" class=\"only-in-en-us\">Relationship of flexbox to other layout methods</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_flexible_box_layout/Aligning_items_in_a_flex_container\" class=\"only-in-en-us\">Aligning items in a flex container</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_flexible_box_layout/Ordering_flex_items\" class=\"only-in-en-us\">Ordering flex items</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_flexible_box_layout/Controlling_ratios_of_flex_items_along_the_main_axis\" class=\"only-in-en-us\">Controlling ratios of flex items along the main axis</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_flexible_box_layout/Mastering_wrapping_of_flex_items\" class=\"only-in-en-us\">Mastering wrapping of flex items</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_flexible_box_layout/Typical_use_cases_of_flexbox\">플렉스박스의 대표적인 사용례</a></li></ol></details></li><li class=\"toggle\"><details><summary>글꼴</summary><ol><li><a href=\"/en-US/docs/Web/CSS/CSS_fonts/OpenType_fonts_guide\" class=\"only-in-en-us\">OpenType font features guide</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_fonts/Variable_fonts_guide\" class=\"only-in-en-us\">Variable fonts guide</a></li></ol></details></li><li class=\"toggle\"><details><summary>그리드</summary><ol><li><a href=\"/ko/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout\">Basic concepts of grid layout</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_grid_layout/Relationship_of_grid_layout_with_other_layout_methods\">Relationship of grid layout to other layout methods</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_grid_layout/Grid_layout_using_line-based_placement\">Line-based placement with CSS Grid</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_grid_layout/Grid_template_areas\">Grid template areas</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_grid_layout/Grid_layout_using_named_grid_lines\">Layout using named grid lines</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_grid_layout/Auto-placement_in_grid_layout\" class=\"only-in-en-us\">Auto-placement in grid layout</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_grid_layout/Box_alignment_in_grid_layout\" class=\"only-in-en-us\">Aligning items in CSS grid layout</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_grid_layout/Grids_logical_values_and_writing_modes\" class=\"only-in-en-us\">Grids, logical values, and writing modes</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_grid_layout/Grid_layout_and_accessibility\" class=\"only-in-en-us\">Grid layout and accessibility</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_grid_layout/Realizing_common_layouts_using_grids\" class=\"only-in-en-us\">Realizing common layouts using grids</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_grid_layout/Subgrid\" class=\"only-in-en-us\">Subgrid</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_grid_layout/Masonry_layout\" class=\"only-in-en-us\">Masonry layout</a><abbr class=\"icon icon-experimental\" title=\"Experimental. 예상되는 동작은 향후 변경될 수 있습니다.\">\n<span class=\"visually-hidden\">Experimental</span>\n</abbr></li></ol></details></li><li class=\"toggle\"><details><summary>이미지</summary><ol><li><a href=\"/ko/docs/Web/CSS/CSS_images/Using_CSS_gradients\">CSS 그라디언트 사용하기</a></li></ol></details></li><li class=\"toggle\"><details><summary>리스트와 카운터</summary><ol><li><a href=\"/ko/docs/Web/CSS/CSS_counter_styles/Using_CSS_counters\">CSS 카운터 사용하기</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_lists/Consistent_list_indentation\">일관성있는 리스트 들여쓰기</a></li></ol></details></li><li class=\"toggle\"><details><summary>Logical 속성</summary><ol><li><a href=\"/ko/docs/Web/CSS/CSS_logical_properties_and_values/Basic_concepts_of_logical_properties_and_values\">논리적 속성과 값의 기본 개념</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_logical_properties_and_values/Floating_and_positioning\">Logical properties for floating and positioning</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_logical_properties_and_values/Margins_borders_padding\">바깥 여백, 테두리 그리고 안쪽 여백을 위한 논리적 속성들</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_logical_properties_and_values/Sizing\">크기 조절에 관한 논리적 속성</a></li></ol></details></li><li class=\"toggle\"><details><summary>Math functions</summary><ol><li><a href=\"/ko/docs/Web/CSS/CSS_Values_and_Units/Using_CSS_math_functions\">Using CSS math functions</a></li></ol></details></li><li class=\"toggle\"><details><summary>미디어 쿼리</summary><ol><li><a href=\"/ko/docs/Web/CSS/CSS_media_queries/Using_media_queries\">미디어 쿼리 사용하기</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_media_queries/Using_media_queries_for_accessibility\">접근성을 위한 미디어 쿼리 사용하기</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_media_queries/Testing_media_queries\">Testing media queries programmatically</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_media_queries/Printing\">Printing</a></li></ol></details></li><li class=\"toggle\"><details><summary>Nesting style rules</summary><ol><li><a href=\"/ko/docs/Web/CSS/CSS_nesting/Using_CSS_nesting\">Using CSS nesting</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_nesting/Nesting_at-rules\">CSS 중첩 @-규칙</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_nesting/Nesting_and_specificity\">CSS nesting and specificity</a></li></ol></details></li><li class=\"toggle\"><details><summary>위치 잡기</summary><ol><li><a href=\"/ko/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index\">CSS z-index 이해하기</a></li></ol></details></li><li class=\"toggle\"><details><summary>스크롤 스냅</summary><ol><li><a href=\"/en-US/docs/Web/CSS/CSS_scroll_snap/Basic_concepts\" class=\"only-in-en-us\">Basic concepts of scroll snap</a></li></ol></details></li><li class=\"toggle\"><details><summary>도형</summary><ol><li><a href=\"/en-US/docs/Web/CSS/CSS_shapes/Overview_of_shapes\" class=\"only-in-en-us\">Overview of shapes</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_shapes/From_box_values\" class=\"only-in-en-us\">Shapes from box values</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_shapes/Basic_shapes\" class=\"only-in-en-us\">Basic shapes with shape-outside</a></li><li><a href=\"/en-US/docs/Web/CSS/CSS_shapes/Shapes_from_images\" class=\"only-in-en-us\">Shapes from images</a></li></ol></details></li><li class=\"toggle\"><details><summary>텍스트</summary><ol><li><a href=\"/ko/docs/Web/CSS/CSS_text/Wrapping_breaking_text\">텍스트의 줄 바꾸기 및 끊기</a></li></ol></details></li><li class=\"toggle\"><details><summary>변형</summary><ol><li><a href=\"/ko/docs/Web/CSS/CSS_transforms/Using_CSS_transforms\">CSS 변형 사용하기</a></li></ol></details></li><li class=\"toggle\"><details><summary>트랜지션</summary><ol><li><a href=\"/ko/docs/Web/CSS/CSS_transitions/Using_CSS_transitions\">CSS 트랜지션 사용하기</a></li></ol></details></li><li class=\"section\"><a href=\"/en-US/docs/Web/CSS/Layout_cookbook\" class=\"only-in-en-us\">CSS Layout cookbook</a></li><li class=\"toggle\"><ol><li><a href=\"/en-US/docs/Web/CSS/Layout_cookbook/Media_objects\" class=\"only-in-en-us\">Recipe: Media objects</a></li><li><a href=\"/en-US/docs/Web/CSS/Layout_cookbook/Column_layouts\" class=\"only-in-en-us\">Column layouts</a></li><li><a href=\"/ko/docs/Web/CSS/Layout_cookbook/Center_an_element\">요소의 중앙 정렬</a></li><li><a href=\"/en-US/docs/Web/CSS/Layout_cookbook/Sticky_footers\" class=\"only-in-en-us\">Sticky footers</a></li><li><a href=\"/en-US/docs/Web/CSS/Layout_cookbook/Split_Navigation\" class=\"only-in-en-us\">Split navigation</a></li><li><a href=\"/en-US/docs/Web/CSS/Layout_cookbook/Breadcrumb_Navigation\" class=\"only-in-en-us\">Breadcrumb navigation</a></li><li><a href=\"/en-US/docs/Web/CSS/Layout_cookbook/List_group_with_badges\" class=\"only-in-en-us\">List group with badges</a></li><li><a href=\"/en-US/docs/Web/CSS/Layout_cookbook/Pagination\" class=\"only-in-en-us\">Pagination</a></li><li><a href=\"/en-US/docs/Web/CSS/Layout_cookbook/Card\" class=\"only-in-en-us\">Card</a></li><li><a href=\"/en-US/docs/Web/CSS/Layout_cookbook/Grid_wrapper\" class=\"only-in-en-us\">Grid wrapper</a></li></ol></li><li class=\"section\">도구</li><li class=\"toggle\"><ol><li><a href=\"/ko/docs/Web/CSS/CSS_colors/Color_picker_tool\">Color picker tool</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_backgrounds_and_borders/Box-shadow_generator\">Box-shadow generator</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_backgrounds_and_borders/Border-image_generator\">Border-image 생성기</a></li><li><a href=\"/ko/docs/Web/CSS/CSS_backgrounds_and_borders/Border-radius_generator\">Border-radius 생성기</a></li></ol></li></ol>","source":{"folder":"ko/web/css","github_url":"https://github.com/mdn/translated-content/blob/main/files/ko/web/css/index.md","last_commit_url":"https://github.com/mdn/translated-content/commit/09754a6288962d9131e16383e9b3c78a3f26c685","filename":"index.md"},"summary":"Cascading Style Sheets(CSS)는 HTML이나\nXML(XML의 방언인 SVG,\nXHTML 포함)로 작성된 문서의 표시 방법을 기술하기 위한\n스타일 시트 언어입니다. CSS는 요소가 화면, 종이, 음성이나 다른 매체 상에\n어떻게 렌더링되어야 하는지 지정합니다.","title":"CSS: Cascading Style Sheets","toc":[{"text":"중요한 자료","id":"중요한_자료"},{"text":"자습서","id":"자습서"},{"text":"참고서","id":"참고서"},{"text":"쿡북","id":"쿡북"},{"text":"CSS 개발 도구","id":"css_개발_도구"},{"text":"같이 보기","id":"같이_보기"}],"pageType":"landing-page"}}</script></body></html>