你的位置:首页 > 软件开发 > 网页设计 > CSS文本属性

CSS文本属性

发布时间:2008-09-13 14:01:00
文本属性--------------------------------------------------------------------------------文字间隔语法: word-spacing: <值>允许值: normal | <长度>初始值: normal适用于: 所有元素向下兼容: 是文字间隔属性定义一个附加在文字之间的间隔数量。该值必须符合长度格式,

文本属性

--------------------------------------------------------------------------------文字间隔允许值: normal | <长度>初始值: normal适用于: 所有元素向下兼容: 是例如:P EM { word-spacing: 0.4em }--------------------------------------------------------------------------------字母间隔允许值: normal | <长度>初始值: normal适用于: 所有元素向下兼容: 是例如:H1 { letter-spacing: 0.1em }--------------------------------------------------------------------------------文本修饰允许值: none | [ underline || overline || line-through || blink ]初始值: none适用于: 所有元素向下兼容: 否例如,使用下列语句可以使连接不再有下划线:A:link,A:visited,A:active { text-decoration: none }--------------------------------------------------------------------------------纵向排列允许值: baseline | sub | super | top | text-top | middle | bottom | text-bottom | <百分比>初始值: baseline适用于: 内部元素向下兼容: 否该值可以是一个相对于元素行高属性的百分比,它会在上级基线上增高元素基线的指定数量。允许使用负值。该值也可以是一个关键字。以下的关键字将影响相对于上级元素的位置: baseline (使元素和上级元素的基线对齐) top (使元素和行中最高的元素向上对齐) IMG.middle { vertical-align: middle }--------------------------------------------------------------------------------文本转换允许值: none | capitalize | uppercase | lowercase初始值: none适用于: 所有元素向下兼容: 是capitalize (使每个字的第一个字母大写) H1 { text-transform: uppercase }文本排列允许值: left | right | center | justify初始值: 由浏览器决定适用于: 块级元素向下兼容: 是以下是一些例子:H1 { text-align: center }--------------------------------------------------------------------------------文本缩进允许值: <长度> | <百分比>初始值: 0适用于: 块级元素向下兼容: 是P { text-indent: 5em }允许值: normal | <数字> | <长度> | <百分比>初始值: normal适用于: 所有元素向下兼容: 是行高也可以由带有字体大小的字体属性产生。行高属性可以用于双行距的文本:P { line-height: 200% }

方框属性

--------------------------------------------------------------------------------上边界允许值: <长度> | <百分比> | auto初始值: 0适用于: 所有元素向下兼容: 否例如,以下的规则将消除文件的上边界。BODY { margin-top: 0 }右边界允许值: <长度> | <百分比> | auto初始值: 0适用于: 所有元素向下兼容: 否例如:P.narrow { margin-right: 50% }下边界允许值: <长度> | <百分比> | auto初始值: 0适用于: 所有元素向下兼容: 否例如:DT { margin-bottom: 3em }--------------------------------------------------------------------------------左边界允许值: <长度> | <百分比> | auto初始值: 0适用于: 所有元素向下兼容: 否例如:ADDRESS { margin-left: 50% }边界允许值: [ <长度> | <百分比> | auto ]{1,4}初始值: 未定义适用于: 所有元素向下兼容: 否如果四个值都给出了,它们分别被应用于上、右、下和左边界。如果只给出一个值,它被应用于所有边界。如果两个或三个值给出了,省略了的值与对边相等。边界声明包括以下例子:BODY { margin: 5em } /* 所有边界设为5em */使用边界属性可以一次性地设置所有边界;也可以选择使用上边界、下边界、左边界和右边界属性。上补白允许值: <长度> | <百分比>初始值: 0适用于: 所有对象向下兼容: 否右补白允许值: <长度> | <百分比>初始值: 0适用于: 所有对象向下兼容: 否下补白允许值: <长度> | <百分比>初始值: 0适用于: 所有对象向下兼容: 否左补白允许值: <长度> | <百分比>初始值: 0适用于: 所有对象向下兼容: 否补白允许值: [ <长度> | <百分比 ]{1,4}初始值: 0适用于: 所有对象向下兼容: 否一个元素的补白是边框和元素的内容之间的间隔的数值。可以给出从一到四的值,每个值可以是长度或百分比。百分比值参考上级元素的宽度。不能使用负值。如果四个值都给出了,它们分别应用于上、右、下和左补白。如果给出一个值,它将被运用到各边上。如果两个或三个值给出了,省略了的值与对边相等。例如,以下的规则设置上补白为2em,右补白为4em,下补白为5em,左补白为4em:BLOCKQUOTE { padding: 2em 4em 5em }--------------------------------------------------------------------------------上边框宽度允许值: thin | medium | thick | <长度>初始值: medium适用于: 所有对象向下兼容: 否也可以用在上边框、边框的宽度或边框的属性略写。右边框宽度允许值: thin | medium | thick | <长度>初始值: medium适用于: 所有对象向下兼容: 否也可以用在右边框、边框的宽度或边框的属性略写。下边框宽度允许值: thin | medium | thick | <长度>初始值: medium适用于: 所有对象向下兼容: 否也可以用在下边框、边框的宽度或边框的属性略写。左边框宽度允许值: thin | medium | thick | <长度>初始值: medium适用于: 所有对象向下兼容: 否也可以用在左边框、边框的宽度或边框的属性略写。边框宽度允许值: [ thin | medium | thick | <长度> ]{1,4}初始值: 未定义适用于: 所有对象向下兼容: 否如果四个值都给出了,它们分别应用于上、右、下和左边框的式样。如果给出一个值,它将被运用到各边上。如果两个或三个值给出了,省略了的值与对边相等。这个属性是上边框宽度、右边框宽度、下边框宽度和左边框宽度属性的略写。也可以使用略写的边框属性。边框颜色允许值: <颜色>{1,4}初始值: 颜色属性的值适用于: 所有对象向下兼容: 否也可以使用略写的边框属性。边框样式允许值: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4}初始值: none适用于: 所有对象向下兼容: 否可以使用一到四个关键字。如果四个值都给出了,它们分别应用于上、右、下和左边框的式样。如果给出一个值,它将被运用到各边上。如果两个或三个值给出了,省略了的值与对边相等。也可以使用略写的边框属性。上边框允许值: <上边框宽度> || <边框式样> || <颜色>初始值: 未定义适用于: 所有对象向下兼容: 否注意只能给出一个边框式样。也可以使用略写的边框属性。右边框允许值: <右边框宽度> || <边框式样> || <颜色>初始值: 未定义适用于: 所有对象向下兼容: 否注意只能给出一个边框式样。也可以使用略写的边框属性。下边框允许值: <下边框宽度> || <边框式样> || <颜色>初始值: 未定义适用于: 所有对象向下兼容: 否注意只能给出一个边框式样。也可以使用略写的边框属性。左边框允许值: <左边框宽度> || <边框式样> || <颜色>初始值: 未定义适用于: 所有对象向下兼容: 否注意只能给出一个边框式样。也可以使用略写的边框属性。边框允许值: <边框宽度> || <r边框式样> || <颜色>初始值: 未定义适用于: 所有对象向下兼容: 否边框声明的例子包括:H2 { border: groove 3em }宽度允许值: <长度> | <百分比> | auto初始值: auto适用于: 块级和替换元素向下兼容: 否这个属性能用作给出一些INPUT元素的公共长度,好象SUBMIT和RESET按钮:INPUT.button { width: 10em }--------------------------------------------------------------------------------高度允许值: <长度> | auto初始值: auto适用于: 块级和替换元素向下兼容: 否与宽度属性一样,高度可以应用于设定图象的比例:IMG.foo { width: 40px; height: 40px }漂浮允许值: left | right | none初始值: none适用于: 所有元素向下兼容: 否清除允许值: none | left | right | both初始值: none适用于: 所有元素向下兼容: 否

分类属性

--------------------------------------------------------------------------------显示允许值: block | inline | list-item | none初始值: block适用于: 所有对象向下兼容: 否block (在元素的前和后都会有换行) 显示属性可能并不安全,因为它使用另外的不合适的格式显示元素。使用值none将关闭指定元素及其子元素的显示!空白允许值: normal | pre | nowrap初始值: normal适用于: 块级元素向下兼容: 是normal (将多个空格折叠成一个) --------------------------------------------------------------------------------目录样式类型允许值: disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none初始值: disc适用于: 带有显示值的目录项元素向下兼容: 是例如:LI.square { list-style-type: square }--------------------------------------------------------------------------------目录样式图象允许值: <url> | none初始值: none适用于: 带有显示值的目录项元素向下兼容: 是例如:UL.check { list-style-image: url(/LI-markers/checkmark.gif) }--------------------------------------------------------------------------------目录样式位置允许值: inside | outside初始值: outside适用于: 带有显示值的目录项元素向下兼容: 是Outside rendering:Inside rendering:--------------------------------------------------------------------------------目录样式允许值: <目录样式类型> || <目录样式位置> || <url>初始值: 未定义适用于: 带有显示值的目录项元素 例如:LI.square { list-style: square inside }长度单位无论是相对值还是绝对值长度,CSS1都支持。相对值单位确定一个相对于另一长度属性的长度,因为它能更好地适应不同的媒体,所以是首选的。以下是有效的相对单位: em (em,元素的字体的高度) in (英寸,1英寸=2.54厘米) --------------------------------------------------------------------------------百分比单位百分比值是相对于其它数值,同样地用于定义每个属性。最经常使用的百分比值是相对于元素的字体大小。颜色单位Windows VGA(视频图像阵列)形成了16各关键字: aqua,black, blue,fuchsia,gray,green, lime,maroon,navy,olive, purple,red,silver,teal,white,and yellow。RGB颜色可以有四种形式: #rrggbb (如,#00cc00) Douglas R. Jacobson先生还开发了速查手册RGB Color Chart (61 kB)。统一资源管理URLs在URL中的括弧,逗号,空格,单引号,或双引号必须避开反斜杠。不完整的URLs被理解为样式表的源代码,而不是HTML源代码。注意: Netscape Navigator 4.x 会错误地将不完整的URLs理解为相关的HTML源代码。注意到这个错误后,网页制作者应该在可能的地方使用完整的URLs。例如:BODY { background: url(stripe.gif) }
BODY { background: url(http://www.htmlhelp.com/stripe.gif) }
BODY { background: url( stripe.gif ) }
BODY { background: url("stripe.gif") }
BODY { background: url(\"Ulalume\".png) } /* quotes in URL escaped */

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:CSS文本属性

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。