예
div 요소에 상자 그림자를 추가 :
document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue"; »그것을 자신을 시도 정의 및 사용
boxShadow 속성 세트 또는 상자 요소의 드롭 그림자를 반환합니다.
브라우저 지원
boxShadow 속성은 IE9 +, 파이어 폭스, 크롬, 오페라, 사파리 5.1.1에서 지원됩니다.
통사론
boxShadow 속성을 반환합니다 :
object .style.boxShadowboxShadow 속성을 설정 :
object .style.boxShadow="none| Note: boxShadow 속성은 상자에 하나 이상의 드롭 그림자를 첨부합니다. 이 건물은 각각 2-4 길이 값, 임의의 색상 및 선택적 삽입 키워드로 지정된 음영 쉼표로 구분된다. 생략 길이는 0이다.
속성 값
값 기술 none 기본값. 그림자가 표시되지 않습니다 h-shadow 필요합니다. 수평 그림자의 위치. 음수 값이 허용됩니다 v-shadow 필요합니다. 수직 그림자의 위치. 음수 값이 허용됩니다 blur 선택 과목. 블러 거리 spread 선택 과목. 그림자의 크기 color 선택 과목. 그림자의 색상입니다. 기본값은 검은 색입니다. 봐 CSS 색상 값 가능한 색상 값의 전체 목록.
참고 : 사파리에서 (on PC) 색상 매개 변수가 필요합니다. 당신은 색상을 지정하지 않으면 그림자는 전혀 표시되지 않습니다. inset 선택 과목. 외부 그림자의 그림자 변경 (outset) 내부 그림자 initial 기본값으로이 속성을 설정합니다. 초기 읽기에 대한 inherit 부모 요소에서이 속성을 상속합니다. 대한 상속 읽기
기술적 세부 사항
기본값: 없음 반환 값 : 요소의 상자 그림자 속성을 나타내는 문자열 CSS 버전 CSS3
관련 페이지
CSS 참조 : box-shadow property
<스타일 개체