CSS-텍스트 그림자

기술

텍스트 그림자 속성은 요소의 텍스트로부터 도출 된 하나 이상의 그림자를 지정한다.

가능한 값

  • none − 그림자는 요소와 연관되어서는 안됩니다.

  • color− 모든 색상 값. 이것은 그림자의 색상을 제공합니다.

  • length length length − x 오프셋, y 오프셋 및 흐림 반경 순서로 그림자에 대한 오프셋 거리 및 흐림 반경.

적용

모든 HTML 요소.

DOM 구문

object.style.textShadow = "red";

다음은 텍스트 주위에 그림자를 설정하는 방법을 보여주는 예입니다. 이것은 모든 브라우저에서 지원되지 않을 수 있습니다.

<html>
   <head>
   </head>

   <body>
      <p style = "text-shadow:4px 4px 8px blue;">
         If your browser supports the CSS text-shadow property, 
         this text will have a  blue shadow.
      </p>
   </body>
</html>

이것은 다음 결과를 생성합니다-


Language