• Skip to main content
  • Skip to search
  • Skip to select language
MDN Web Docs
  • References
    • Overview / Web Technology

      Web technology reference for developers

    • HTML

      Structure of content on the web

    • CSS

      Code used to describe document style

    • JavaScript

      General-purpose scripting language

    • HTTP

      Protocol for transmitting web resources

    • Web APIs

      Interfaces for building web applications

    • Web Extensions

      Developing extensions for web browsers

    • Accessibility

      Build web projects usable for all

    • Web Technology

      Web technology reference for developers

  • Learn
    • Overview / MDN Learning Area

      Learn web development

    • MDN Learning Area

      Learn web development

    • HTML

      Learn to structure web content with HTML

    • CSS

      Learn to style content using CSS

    • JavaScript

      Learn to run scripts in the browser

    • Accessibility

      Learn to make the web accessible to all

  • Plus
    • Overview

      A customized MDN experience

    • AI Help

      Get real-time assistance and support

    • Updates

      All browser compatibility updates at a glance

    • Documentation

      Learn how to use MDN Plus

    • FAQ

      Frequently asked questions about MDN Plus

  • Curriculum New
  • Blog
    • Playground

      Write, test and share your code

    • HTTP Observatory

      Scan a website for free

    • AI Help

      Get real-time assistance and support

  • Log in
  • Sign up for free
  1. 개발자를 위한 웹 기술
  2. CSS
  3. object-position
    • English (US)
    • Deutsch
    • Español
    • Français
    • 日本語
    • Русский
    • 中文 (简体)

이 페이지는 영어로부터 커뮤니티에 의하여 번역되었습니다. MDN Web Docs에서 한국 커뮤니티에 가입하여 자세히 알아보세요.

목차

  • 시도해 보기
  • 구문
  • 형식 정의
  • 형식 구문
  • 예제
  • 명세
  • 브라우저 호환성
  • 같이 보기
  1. CSS
  2. Beginner's tutorials
  3. Your first website: Styling the content
  4. CSS styling basics
    1. CSS 작동 방식
    2. CSS 로 시작하기
    3. 새로운 지식을 사용하기
    4. CSS 선택자
    5. 속성 선택자
    6. 의사 클래스와 의사 요소
    7. 결합자
    8. 박스 모델
    9. 계단식 및 상속
    10. CSS 값과 단위
    11. CSS 에서 항목 크기 조정
    12. Backgrounds and borders
    13. 콘텐츠 overflow
    14. 이미지, 미디어 및 양식 요소
    15. 표 스타일링
    16. CSS 디버깅
    17. Challenge: Business card
    18. 멋진 편지지 양식 만들기
    19. 멋지게 보이는 박스
  5. CSS text styling
    1. 기본적인 텍스트 및 글꼴 스타일링
    2. 목록 스타일링
    3. 스타일링 링크
    4. 웹 폰트
    5. 커뮤니티 대학 홈페이지 레이아웃 구성하기
  6. CSS 레이아웃
    1. CSS 레이아웃 입문서
    2. Floats
    3. 위치잡기
    4. Flexbox
    5. 그리드
    6. 반응형 디자인
    7. 미디어 쿼리 초보자 안내서
    8. 레이아웃 이해의