---
order: 2
navTitle: 标题
---
# 标题

标题属性分为[布局选项](#layout)和[标题样式](#style)。布局选项主要用来控制是否显示标题，标题样式主要用来设置标题的相关属性。本文主要介绍这两种组件选项的使用方法。

## 布局选项{#layout}

输入组件和非输入组件均有该属性，在**样式**>**标题**>**布局**，点击**显示标题**勾选框控制标题的显示隐藏，同时标题有自己独立的风格存储，可以单独切换组件的标题风格样式。

![非输入组件](./images/2019-11-23-17-48-40.png)

除此之外，输入组件可以在[布局选项](#layout)选择标题的位置，包括`左侧`，`右侧`，`上侧`三个方位，[布局选项](#layout)也可以设置标题的宽度，当设置宽度为自适应时根据标题内容自动调整宽度，设置宽度为像素则可以手动选择像素的值，选择任意一种方式均可以设置宽度的最大值最小值。

![输入组件](./images/2019-11-23-17-48-50.png)

## 标题样式{#style}

### 字体{#typeface}

标题的**字体**在**样式**>**标题**>**字体**中进行设置。可以设置标题文字的字体，颜色，大小，对齐方式及文字调整方式。文字调整默认为不调整，当选择自动换行时标题过长则会自动换行显示。

![字体](./images/2019-11-23-17-52-12.png)

### 图标{#shape}

标题的**图标**默认与标题风格一致，同时也可以自定义选择图标，可以在右侧输入框手动调整图标的大小。

![图标](./images/2023-12-20-00-00-01.png)

### 填充{#fill}

标题的**填充**方式默认为无填充，可以在下拉框手动选择填充方式，具体属性设置可查看[填充](../../../components/chart/hpictorialbar.md#layout)。

![填充](./images/2023-12-20-00-00-02.png)

### 边框{#frame}

标题的**边框**默认为无边框显示，可以在下拉框手动选择标题的边框线条，具体属性设置可查看[边框](./border.md)。

![边框](./images/2023-12-20-00-00-03.png)

### 内边距{##padding}

标题**内边距**可以在下拉框选择数值，默认四个方位内边距大小一致，也可以手动设置**内边距**大小。具体属性可查看[内边距](./padding.md)

![内边距](./images/2023-12-20-00-00-04.png)

### 阴影{#shadow}

标题的**阴影**可以设置文字阴影，颜色及范围大小，文字阴影和颜色都默认为无，其他设置选项默数值为0，可以在下拉框手动选择颜色和文字阴影样式以及设置数值大小。具体属性可查看[阴影](./shadow.md)

![阴影](./images/2023-12-20-00-00-05.png)