페블_
반짝이는 시냅스
페블_
전체 방문자
오늘
어제
  • 전체글 보기 (96)
    • QA (0)
    • 프로젝트 회고 (4)
    • 프로젝트 과정 기록 (12)
    • UI 구현 연구일지 (8)
    • Front-end (31)
      • Javascript (7)
      • CSS (10)
      • React (5)
      • Typescript (3)
      • Nextjs (3)
      • 스타일링 라이브러리 (3)
    • Back-end (0)
      • Express (0)
      • DB (0)
    • CS (0)
      • 자료구조 & 알고리즘 (0)
    • CI&CD (1)
    • 툴 사용법 (4)
      • Git (1)
      • Library&패키지 (2)
      • 기타 개발관련 (1)
    • 알고리즘 이론 & 풀이 (36)
      • 백준(BOJ) (14)
      • 프로그래머스 (22)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • emotion
  • 생각
  • 개발블로그_시작
  • Python
  • react
  • eslint
  • JS
  • 선형대수학
  • 토이프로젝트
  • 알고리즘
  • 시리즈_표지
  • 캐러셀
  • storybook
  • chartjs
  • 파이썬
  • TypeScript
  • 백준
  • UI 컴포넌트

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
페블_

반짝이는 시냅스

Front-end/CSS

[CSS]background image

2021. 9. 22. 23:22

background-repeat 속성

  • repeat 혹은 background-repeat을 지정하지 않았을 때

이미지가 수직, 수평 모든 방향으로 반복된다.

  •  no-repeat

이미지를 반복하지 않음

  • repeat-x

옆으로(horizontally) 반복

  • repeat-y

수직으로(vertically) 반복

 

* 영어로는 어떻게 표현하는 지 알아두는 것도 도움이 됩니다.

vertical 수직의, horizontal 수평의

 

horizontally 반복해 달라고 하면 repeat-x

vertically 반복해 달라고 하면 repeat-y

'Front-end > CSS' 카테고리의 다른 글

[CSS] 모바일에서 오른쪽에 흰 여백 생기는 현상 (CSS, React)  (0) 2022.08.08
[CSS] 모달창 나타나는 애니메이션 (fadeIn)  (0) 2022.08.08
[CSS] iframe 하단 여백 없애는 방법  (0) 2022.08.04
[CSS] 생소한 글자 관련 속성 모음  (0) 2022.07.25
[CSS]display 속성 (block, inline, inline-block, none)  (0) 2021.09.22
    'Front-end/CSS' 카테고리의 다른 글
    • [CSS] 모달창 나타나는 애니메이션 (fadeIn)
    • [CSS] iframe 하단 여백 없애는 방법
    • [CSS] 생소한 글자 관련 속성 모음
    • [CSS]display 속성 (block, inline, inline-block, none)
    페블_
    페블_

    티스토리툴바