对 Accordion 组件使用样式

您可以设置样式属性,以便更改 Accordion 组件的边框和背景的外观。

Accordion 组件使用下列样式:

样式

主题

说明

themeColor

光晕

组件的基本配色方案。这是唯一不继承样式值的颜色样式。可能的值包括 "haloGreen"、"haloBlue" 和 "haloOrange"。

backgroundColor

光晕和范例

背景色。默认颜色为白色。

borderStyle

光晕和范例

Accordion 组件使用 RectBorder 实例作为其边框并对在该类上定义的样式做出响应。有关更多信息,请参见RectBorder 类。

Accordion 组件的默认边框样式值为 "solid"。

headerHeight

光晕和范例

标题按钮的高度(以像素为单位)。默认值为 22。

color

光晕和范例

文本颜色。"光晕"主题的默认值为 0x0B333C,"范例"主题的默认值为空白。

disabledColor

光晕和范例

组件禁用时的文本颜色。默认值为 0x848384(深灰)。

embedFonts

光晕和范例

一个布尔值,它指示在 fontFamily 中指定的字体是否为嵌入字体。如果 fontFamily 引用了嵌入字体,则此样式必须设置为 true。否则,将不使用该嵌入字体。如果此样式设置为 true,并且 fontFamily 不引用嵌入字体,则不会显示任何文本。默认值为 false

fontFamily

光晕和范例

标题标签的字体名称。默认值为 "_sans"

fontSize

光晕和范例

标题标签字体的磅值。默认值为 10。

fontStyle

光晕和范例

标题标签的字体样式;"normal""italic"。默认值为 "normal"

fontWeight

光晕和范例

标题标签的字体粗细;"none""bold"。默认值为 "none"

在调用 setStyle() 期间,所有组件还可以接受值 "normal" 来代替 "none",但随后对 getStyle() 的调用将返回 "none"

textDecoration

光晕和范例

文本修饰;"none""underline"

openDuration

光晕和范例

过渡动画的持续时间(以毫秒为单位)。

openEasing

光晕和范例

对控制动画的补间函数的引用。默认为正弦输入/输出。有关更多信息,请参见"使用组件"中的自定义组件动画。

例如,以下代码将名为 my_acc 的 Accordion 实例中的字体样式外观设置为斜体:

my_acc.setStyle("fontStyle", "italic");

对 Accordion 组件使用样式相关推荐

  1. 有关Accordion组件的研究——Silverlight学习笔记[27]

    Accordion组件在开发中常用于信息的分类显示.本文将为大家介绍该组件的特性以及通过一个实例讲述该组件的基本运用. 组件所在命名控件: System.Windows.Controls 组件常用方法 ...

  2. [译] JavaScript 中的 CSS:基于组件的样式的未来

    本文讲的是[译] JavaScript 中的 CSS:基于组件的样式的未来, 原文地址:CSS in JavaScript: The future of component-based styling ...

  3. vue中私有样式(scoped)中修改其他组件的样式

    1.使用">>>"符号更改其他组件的样式 例如 <style lang="stylus" scoped> .a >>& ...

  4. 根据条件动态修改element 组件深层次样式

    开发前提: vue elementUI 在开发中有时候 element 中我们使用的某个组件的样式不符合我们的需求,直接写行内样式,有时候会发现并不会生效,直接将样式写在 style 标签中虽然样式会 ...

  5. ionic 修改组件默认样式_开源Magpie:组件库详解

    开源项目专题系列(八)1.开源项目名称:magpie_fly2.github地址: https://github.com/wuba/magpie_fly 3.简介:magpie_fly 是58集体出品 ...

  6. element-UI组件el-button样式覆写 - 生效篇

    踩坑:el-button样式覆写 表单代码参考: <!-- 表单区域 --> <div class="wd1200 form-container">< ...

  7. react 组件添加样式_如何通过4个简单的步骤将CSS模块样式表添加到React组件

    react 组件添加样式 Let's say you'd like to add a CSS Modules Stylesheet to your project. You can find Crea ...

  8. angular 控件css_Angular父组件内修改子组件的样式

    在使用NG-ZORRO组件的过程中,需要根据产品的需要,在某些页面修改某些NZ组件的样式.但是由于angular默认采用了Emulated的视图封装模式,导致即便我们想在父组件中直接去重写子组件的样式 ...

  9. HTML 上标题栏把右标题栏遮挡,如何编辑组件的样式(编辑样式)?

    如何编辑组件的样式(编辑样式)?如何设置某一块内容的背景.边框.边距.文字样式? 编辑样式为组件通用功能,即几乎每个组件都是有"编辑样式"这个功能的. 一.如何进入组件的" ...

最新文章

  1. 如何限制上传服务器的文件容量,如何通过配置php文件限制上传文件的大小
  2. 数字资产云交易所搭建开发平台,云交易的优势在哪?
  3. Android开发之使用BroadcastReceiver实时监听电量(源代码分享)
  4. java 集成grizzly_java – 在Grizzly上使用JaaS和Jersey
  5. 和日本萌妹一起读深度学习最新论文,阅读难度会降低吗?
  6. 计算机进制简称,NO.A.0007——二进制;计算机容量单位B、KB、MB、GB和TB关系
  7. inner join 重复数据_Ramp;Python Data Science 系列:数据处理(2)
  8. 【Elasticsearch】Elasticsearch 悬空索引
  9. iphone全部机型_iPhone 上新,首次明确支持中国北斗
  10. 全局替换字体,开源库更方便!!! 1
  11. Citavi 6使用教程
  12. 图书馆管理系统【SSM含SQL文件】
  13. 数据结构 斐波那契查找法(C语言)
  14. 效率高、数据精,河段河道地形测量这样操作!
  15. RoboMaster机甲大师——视觉组——总结、未来期望与比赛经验分享
  16. 招标系统html模板信息,招投标信息管理系统.docx
  17. 砍柴人和放羊人的故事集
  18. 架构漫谈:业务架构、应用架构与基础架构
  19. linux中电商环境配置,Linux CentOS 7.0中java安装与配置环境变量的步骤详解
  20. iOS UI入门——使用Objective-C和Swift简单实现UITableView

热门文章

  1. 亚太运营商在5G速率上领先
  2. linux软件包管理-rpm
  3. 离散数学--二元关系总结
  4. hive与hbase整合
  5. Java序列化(Serialization)的理解
  6. jQuery仿淘宝商城天猫鼠标移动过去,透明度降低
  7. Oracle啟動模式關閉模式
  8. 协程、asyncio、异步编程
  9. C语言 找数码是否存在
  10. python换中包_在Linux中替换已安装的python包中的源代码