css所有文本修饰样式

最新推荐文章于 2023-12-16 16:19:51 发布

枭鹏

最新推荐文章于 2023-12-16 16:19:51 发布

阅读量2.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： css的点点滴滴

本文链接：https://blog.youkuaiyun.com/u014306354/article/details/52446218

css的点点滴滴专栏收录该内容

4 篇文章

订阅专栏

本文深入探讨了CSS中用于控制文本外观的各项属性，包括颜色、行高、对齐方式等，并详细解释了每项属性的作用及使用方法。

</pre><pre name="code" class="html"><span style="font-size:24px;"><span style="white-space:pre">		</span>color: red;
                /*文本的颜色*/

                line-height: 20px;
                /*为文本设置行高*/

                text-align: center;  
                /*水平对齐是影响一个元素中的文本的水平对齐方式。　值: left | center | right | justify | inherit*/

                text-indent: 2em;  
                /*文本缩进。length/inherit/initial（长度、继承、最初始的值)*/

                text-decoration:none;  
                /*none | [underline(下划线) || overline(上划线) || line-through(中划线)] | inherit*/

                text-transform:uppercase;
                /*文本的转换 值: uppercase(全大写) | lowercase(全小写) | capitalize(首字母大写) | none | inherit*/

                word-spacing:2em;
                /*用来设置文字或单词之间的间距,单词之间的间距 = word-spacing + 空格大小 值: <length> | normal | inherit*/

                letter-spacing:4px;
                /*字母间的间隔*/

                white-space:nowrap;
                /*设置文本的空白区域的处理方式  值:nowrap 不留空白 + pre-wrap 保留空白 + pre-line 合并空白符 + pre采用文本的默认样式*/

                text-shadow: 2px 2px #3e1f1f;
                /*设置文本的文字阴影*/

                text-justify: inter-word;
                /*改变字与字指之间的距离  值：auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;*/

                text-outline:2px 2px #ff0000;
                /*text-outline设置是文本的轮廓 所有的主流浏览器都不支持 */

                text-overflow:hidden;
                /*设置文本溢出时的文本显示效果*/</span>