CSS_ 테두리 속성 / shadow

Mary·2024년 2월 25일

CSS

목록 보기
1/19
post-thumbnail

테두리 둥글게

border-radius: px;

외곽선

border: 굵기 색상;

그림자

box-shadow: offset-x offset-y blur-radius spread-radius color inset rgb(x,y,z,k);

단위 px

offset-x: 양수를 입력하면 그림자가 오른쪽으로, 음수를 입력하면 그림자가 왼쪽으로 만들어집니다.

offset-y: 양수를 입력하면 그림자가 아래쪽으로, 음수를 입력하면 그림자가 위쪽으로 만들어집니다.

blur-radius: 숫자가 커질수록, 그림자가 블러 처리되어 흐려집니다.

spread-radius: 숫자가 커질수록, 그림자의 크기가 커집니다.

color: 그림자의 색상

inset: 이 키워드를 사용하면, 그림자가 요소의 안쪽에 생성

폰트

font-style: 이텔릭체 등의 글꼴 스타일 지정
font-weight: 글자 두께
font-variant: 글꼴 변형 (소문자를 대문자로 바꾸는 등)
font-size : 글자 크기
line-height: 줄 간격
font-family : 글꼴

밑 겉선만 남기기

border width: 위쪽 왼쪽오른쪽 아래쪽 테두리 굵기 지정

0개의 댓글