*このページは web-dou.com のアーカイブです。(2025年 サイト統合)

WEB技術の辞書・解説・使用例

TOP > CSS >  CSS辞典 > text-shadow
text-shadow 

テキストに影をつける。

X B! FB LINE

SS2.1で一度廃止。

書式

（式）text-shadow : 横方向 縦方向 ぼかし半径 色 ;
（例）text-shadow : 5px 3px 2px black ;

サンプルコード

<p sytle="text-shadow:none;">普通の文章です。</p>
<p sytle="text-shadow:2px 2px 2px;">text-shadow:2px 2px 2pxの文章です。</p>
<p sytle="text-shadow:5px 5px 5px;">text-shadow:5px 5px 5px;の文章です。</p>
<p sytle="text-shadow:5px 10px 2px #000;">text-shadow:5px 10px 2px red;の文章です。</p>

普通の文章です。

text-shadow:2px 2px 2pxの文章です。

text-shadow:5px 5px 5px;の文章です。

text-shadow:5px 10px 2px red;の文章です。