• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# span
2
3
4The **\<span>** component is a child component of [\<text>](js-service-widget-basic-text.md) and is used as a text modifier.
5
6
7> **NOTE**
8>
9> The APIs of this module are supported since API version 8. Updates will be marked with a superscript to indicate their earliest API version.
10
11## Child Components
12
13The child component **[\<span>](js-service-widget-basic-span.md)** is supported.
14
15
16## attributes
17
18The [universal attributes](js-service-widget-common-attributes.md) are supported.
19
20
21## Styles
22
23| Name| Type| Default Value| Mandatory| Description|
24| -------- | -------- | -------- | -------- | -------- |
25| color | &lt;color&gt; | - | No| Font color of the modified text.|
26| font-size | &lt;length&gt; | 16px | No| Font size of the modified text.|
27| font-style | string | normal | No| Font style of the modified text. For details, see **font-style** of the [**\<text>**](js-service-widget-basic-text.md#styles) component.|
28| font-weight | number \| string | normal | No| Font weight of the modified text. For details, see **font-weight** of the [**\<text>**](js-service-widget-basic-text.md##styles) component.|
29| text-decoration | string | none | No| Text decoration of the modified text. For details, see **text-decoration** of the [**\<text>**](js-service-widget-basic-text.md#styles) component.|
30| font-family | string | sans-serif | No| Font family, in which fonts are separated by commas (,). Each font is set using a font name or font family name. The first font in the family or the specified [custom font](js-service-widget-common-customizing-font.md) is used for the text.|
31
32
33## Events
34
35Not supported
36
37## Example
38
39For details, see [Example of the \<text> component](js-service-widget-basic-text.md#example).
40