Lines Matching refs:text

1 # <text> Development
4 …text>** component is used to display a piece of textual information. For details, see [text](..…
7 ## Creating a <text> Component
9 Create a **<text>** component in the .hml file under **pages/index**.
13 <div class="container" style="text-align: center;justify-content: center; align-items: center;">
14   <text>Hello World</text>
35 - Adding a text style
37 … **word-spacing**, and **text-align** attributes to add the color, size, zoom, text spacing, and v…
42     <text style="color: blueviolet; font-size: 40px; allow-scale:true"> 
44     </text>
45 …<text style="color: blueviolet; font-size: 40px; margin-top: 20px; allow-scale:true;word-spacing: …
47     </text>
66 - Adding a text modifier
68 …text-decoration** and **text-decoration-color** attributes to add an underline, overline, line-thr…
74     <text style="text-decoration:underline">
76     </text>
77     <text style="text-decoration:line-through;text-decoration-color: red">
79      </text>
92   text{
100 - Hiding text content
103 Set the **text-overflow** attribute to **ellipsis** so that overflowed text is displayed as an elli…
109     <text class="text">
111     </text>
125   .text{
128     text-overflow:ellipsis;
133   > - **text-overflow** must be used together with **max-lines**.
134   > - **max-lines** indicates the maximum number of lines in the text.
139 - Setting the text line breaking mode
142 …ow to break lines of text. For values of **word-break**, see [Text Styles](../reference/apis-arkui…
149       <text class="text1">
151       </text>
152         <text class="text2">
154         </text>
180     text-align: center;
188     text-align: center;
202     <text style="font-size: 45px;">
204     </text>
205     <text style="font-size: 45px;">
210     </text>
217 …text paragraph, incorrect **&lt;span&gt;** attribute settings (for example, setting of **font-weig…
219 …mponent is being used, do not include any text you want to show in the **&lt;text&gt;** component,…
224 … the **&lt;text&gt;** component to display text content through data binding. Use the **&lt;span&g…
230     <text class="title">
232     </text>
235   <text class="span-container" style="color: #ff00ff;">
241   </text>
257   text-align:center;