상자 그림자의 의미는 무엇입니까

박스섀도우의 뜻은 무엇인가요?

CSS3 box-shadow 속성 정의 및 사용법

box-shadow 속성은 상자에 하나 이상의 그림자를 추가합니다.

팁: 아름다운 확장 가능한 버튼을 구성하려면 border-image-* 속성을 사용하세요!

기본값: 없음

상속: no

버전: CSS3

JavaScript 구문: object.style.boxShadow="10px 10px 5px #888888"

Syntax

box-shadow: h-shadow v-shadow blur spread color inset;

댓글: 하나를 추가하거나 상자에 더 많은 그림자가 있습니다. 이 속성은 쉼표로 구분된 그림자 목록으로, 각 그림자는 2~4개의 길이 값, 선택적 색상 값 및 선택적 inset 키워드로 지정됩니다. 생략된 길이의 값은 0입니다.

값 및 설명:

h-shadow 필수입니다. 수평 그림자의 위치입니다. 음수 값이 허용됩니다.

v-섀도우가 필요합니다. 수직 그림자의 위치입니다. 음수 값이 허용됩니다.

흐림은 선택 사항입니다. 퍼지 거리.

확산은 선택사항입니다. 그림자의 크기.

색상은 선택사항입니다. 그림자의 색상입니다. CSS 색상 값을 참조하세요.

삽입은 선택사항입니다. 외부 그림자(시작)를 내부 그림자로 변경합니다.

추천: "css3 튜토리얼"

위 내용은 상자 그림자의 의미는 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!