CSS 배경 및 테두리

참고서

속성

• background
• background-attachment
• background-clip
• background-color
• background-image
• background-origin
• background-position
• background-position-x
• background-position-y
• background-repeat
• background-size
• border
• border-bottom
• border-bottom-color
• border-bottom-left-radius
• border-bottom-right-radius
• border-bottom-style
• border-bottom-width
• border-collapse
• border-color
• border-image
• border-image-outset
• border-image-repeat
• border-image-slice
• border-image-source
• border-image-width
• border-left
• border-left-color
• border-left-style
• border-left-width
• border-radius
• border-right
• border-right-color
• border-right-style
• border-right-width
• border-style
• border-top
• border-top-color
• border-top-left-radius
• border-top-right-radius
• border-top-style
• border-top-width
• border-width
• box-shadow

도구

다수의 배경 사용하기

하나의 요소에 여러 배경을 적용하는 법을 배웁니다.

배경 이미지 크기 조정하기

배경 이미지의 크기와 반복 여부를 설정하는 법을 배웁니다.

CSS로 HTML 요소에 색 입히기

HTML 요소에 테두리를 비롯한 색상을 CSS로 적용하는 법을 배웁니다.

Border-image 생성기

테두리 이미지를 실시간으로 확인하며 만들 수 있는 도구입니다.

Border-radius 생성기

둥근 모서리를 실시간으로 확인하며 만들 수 있는 도구입니다.

Box-shadow 생성기

요소 뒤의 그림자를 실시간으로 확인하며 만들 수 있는 도구입니다.

명세