CSS font属性



  • 定义和用法

    font属性是下列属性的缩写属性。
    • font-style
    • font-variant
    • font-weight
    • font-size/line-height
    • font-family
    font-sizefont-family值是必需的。如果缺少其他值之一,则使用其默认值。
    注意line-height属性设置行之间的间距。
    特征 说明
    默认值 字体属性的默认值
    继承
    动画 有。CSS动画参考
    CSS版本 CSS1
    JavaScript语法 object.style.font =“italic small-caps bold 12px arial,sans-serif”尝试一下
  • 浏览器支持

    表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-, -webkit-,-moz-或-o-指定使用前缀的第一个版本。
    属性 Internet Explorer Chrome FireFox Safari Opera
    属性名称
    font
    4.0
    1.0
    1.0
    1.0
    3.5
  • CSS语法

    font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;
  • 实例

    使用缩写声明设置一些字体属性:
    p.a {
     font: 15px arial, sans-serif;
    }
    
    p.b {
     font: italic bold 12px/30px Georgia, serif;
    }
    
  • 属性值

    属性值 描述
    font-style 指定字体样式。 默认值是“normal”
    font-variant 指定字体变体。 默认值是“normal”
    font-weight 指定字体粗细。 默认值是“normal”
    font-size/line-height 指定字体大小和行高。 默认值是“normal”
    font-family 指定字体系列。 默认值取决于浏览器
    caption 使用标题控件使用的字体(如按钮,下拉菜单等)
    icon 使用图标标签使用的字体
    menu 使用下拉菜单使用的字体
    message-box 使用对话框使用的字体
    small-caption 较小版本的标题字体
    status-bar 使用状态栏使用的字体
    initial 将此属性设置为其默认值。查看initial关键字
    inherit 从其父元素继承此属性。查看inherit关键字
  • 相关页面

    HTML教程:HTML样式
    CSS教程:CSS字体