文本外观属性

简介: 文本外观属性。

文本外观属性。
(1)color:文本颜色
属性取值:
预定义的颜色值,如red,green,blue等。
十六进制,如#FF0000,#FF6600,#29D794等。实际工作中,十六进制是最常用的定义颜色的方式。
RGB代码,如红色可以表示为rgb(255,0,0)或rgb(100%,0%,0%)。
(2)letter-spacing:字间距
属性取值:不同单位的数值,可以为负数,默认值为normal。
(3)word-spacing:单词间距
属性取值:不同单位的数值,可以为负数,默认值为normal。
(4)line-height:行间距
属性值单位:像素(px)、相对值(em)和百分比(%)。
(5)text-transform:文本转换
none:不转换(默认值)。
capitalize:首字母大写。
uppercase:全部字符转换为大写。
lowercase:全部字符转换为小写。
(6)text-decoration:文本装饰
none:没有装饰(正常文本默认值)。
underline:下划线。
overline:上划线。
line-through:删除线。
(7)text-align:水平对齐方式
left:左对齐(默认值)
right:右对齐。
center:居中对齐。
(8)text-indent:首行缩进
属性值:不同单位的数值、em字符宽度的倍数、或相对于浏览器窗口宽度的百分比%,允许使用负值, 建议使用em作为设置单位。
(9)white-space:空白符处理
normal:常规(默认值),文本中的空格、空行无效,满行(到达区域边界)后自动换行。
pre:预格式化,按文档的书写格式保留空格、空行原样显示。
nowrap:空格空行无效,强制文本不能换行,除非遇到换行标记

(10)text-shadow:阴影效果
基本语法格式:
选择器{text-shadow:h-shadow v-shadow blur color;}
(11)text-overflow:标示对象内溢出文本
text-overflow基本语法格式:
选择器{text-overflow:属性值;}
text-overflow属性取值:clip、ellipsis。
设置省略标记标示溢出文本的具体步骤。

相关文章
|
18天前
|
前端开发 容器
改变文本颜色
【10月更文挑战第18天】
23 8
|
2月前
|
前端开发
前端基础(五)_CSS文本文字属性、背景颜色属性
本文详细介绍了CSS中关于文本和背景颜色的样式属性。包括字体大小、字体族、字体加粗、字体样式、文本行高、`font`属性、文本颜色、文本对齐方式、文本装饰线、首行缩进等文本属性,以及背景颜色、背景图片、背景重复、背景位置等背景属性。文章通过示例代码展示了这些属性的具体应用和效果。
24 3
前端基础(五)_CSS文本文字属性、背景颜色属性
|
4月前
|
JavaScript
文本,最简单的文本样式设计风格样式,让Element-UI盒子居中的写法
文本,最简单的文本样式设计风格样式,让Element-UI盒子居中的写法
|
6月前
|
前端开发
CSS属性涵盖了从文本样式到布局控制、从颜色处理到动画效果的各个方面
【5月更文挑战第31天】CSS属性涵盖了从文本样式到布局控制、从颜色处理到动画效果的各个方面
44 1
封装占位文字的颜色属性
封装占位文字的颜色属性
90 0
封装占位文字的颜色属性
135.设置图形方式下的文本类型
135.设置图形方式下的文本类型
72 0
|
前端开发 安全 开发工具
CSS 属性_字体文本文本装饰 | 学习笔记
快速学习 CSS 属性_字体文本文本装饰
114 0
|
前端开发 JavaScript API
交互设计:隐藏或显示大段文本的UI组件有哪些?
应用场景: 在手机上要给列表中的每一项添加一个大段的介绍,应该用什么UI组件 A: 这里可以用,模态对话框,弹出提示,工具提示这类组件。模态对话框的好处,就是用关闭的按钮,用户操作方便;而弹出提示和工具提示只能通过点击来切换   模态对话框: http://v2.bootcss.com/javascript.html#modals http://www.runoob.com/bootstrap/bootstrap-modal-plugin.html Bootstrap 模态框(Modal)插件 模态框(Modal)是覆盖在父窗体上的子窗体。
1522 0