CSS text-shadow অপারেন্স

定义和用法

text-shadow 属性向文本设置阴影。

另请参阅：

CSS3 教程：CSS3 টেক্সট ইফেক্ট

HTML DOM 参考手册：textShadow 属性

实例

基础的文本阴影效果：

h1
{
text-shadow: 5px 5px 5px #FF0000;
}

亲自试一试

页面底部有更多实例。

CSS 语法

text-shadow: h-shadow v-shadow blur color;

注释：text-shadow 属性向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表，每个阴影有两个或三个长度值和一个可选的颜色值进行规定。省略的长度是 0。

属性值

值 描述 测试
h-shadow 必需。水平阴影的位置。允许负值。 测试
v-shadow 必需。垂直阴影的位置。允许负值。 测试
blur 可选。模糊的距离。 测试
color 可选。阴影的颜色。参阅 CSS রঙ মান。 测试

技术细节

默认值： none
继承性： yes
版本： CSS3
JavaScript 语法： object.style.textShadow="2px 2px #ff0000"

আরও উদাহরণ

ভুলিয়ে পড়া প্রভাবের সাথে টেক্সট শ্যাডো
এই উদাহরণটি ভুলিয়ে পড়া প্রভাবের সাথে টেক্সট শ্যাডোর প্রদর্শন করে。
শ্বেত টেক্সটের উপর শ্যাডো
এই উদাহরণটি শ্বেত টেক্সটের উপর টেক্সট শ্যাডোর প্রদর্শন করে。
নেত্রজ্বলক প্রভাবের সাথে টেক্সট শ্যাডো
এই উদাহরণটি নেত্রজ্বলক প্রভাবের সাথে টেক্সট শ্যাডোর প্রদর্শন করে。

ব্রাউজার সমর্থন

টেবিলের সংখ্যা এই প্রক্রিয়াটির প্রথম সমর্থনকারী ব্রাউজারের সংস্করণটির সম্পূর্ণভাবে সমর্থিত বলে উল্লেখ করে。

Chrome IE / Edge Firefox Safari Opera
4.0 10.0 3.5 4.0 9.6