1# Style properties
2
3## Size and position
4Properties related to size, position, alignment and layout of the objects.
5
6### width
7Sets the width of object. Pixel, percentage and `LV_SIZE_CONTENT` values can be used. Percentage values are relative to the width of the parent's content area.
8<ul>
9<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> Widget dependent</li>
10<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
11<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
12<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
13</ul>
14
15### min_width
16Sets a minimal width. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area.
17<ul>
18<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
19<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
20<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
21<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
22</ul>
23
24### max_width
25Sets a maximal width. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area.
26<ul>
27<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> LV_COORD_MAX</li>
28<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
29<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
30<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
31</ul>
32
33### height
34Sets the height of object. Pixel, percentage and `LV_SIZE_CONTENT` can be used. Percentage values are relative to the height of the parent's content area.
35<ul>
36<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> Widget dependent</li>
37<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
38<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
39<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
40</ul>
41
42### min_height
43Sets a minimal height. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area.
44<ul>
45<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
46<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
47<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
48<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
49</ul>
50
51### max_height
52Sets a maximal height. Pixel and percentage values can be used. Percentage values are relative to the height of the parent's content area.
53<ul>
54<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> LV_COORD_MAX</li>
55<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
56<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
57<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
58</ul>
59
60### x
61Set the X coordinate of the object considering the set `align`. Pixel and percentage values can be used. Percentage values are relative to the width of the parent's content area.
62<ul>
63<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
64<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
65<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
66<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
67</ul>
68
69### y
70Set the Y coordinate of the object considering the set `align`. Pixel and percentage values can be used. Percentage values are relative to the height of the parent's content area.
71<ul>
72<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
73<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
74<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
75<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
76</ul>
77
78### align
79Set the alignment which tells from which point of the parent the X and Y coordinates should be interpreted. The possible values are: `LV_ALIGN_DEFAULT`, `LV_ALIGN_TOP_LEFT/MID/RIGHT`, `LV_ALIGN_BOTTOM_LEFT/MID/RIGHT`, `LV_ALIGN_LEFT/RIGHT_MID`, `LV_ALIGN_CENTER`. `LV_ALIGN_DEFAULT` means `LV_ALIGN_TOP_LEFT` with LTR base direction and `LV_ALIGN_TOP_RIGHT` with RTL base direction.
80<ul>
81<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_ALIGN_DEFAULT`</li>
82<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
83<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
84<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
85</ul>
86
87### transform_width
88Make the object wider on both sides with this value. Pixel and percentage (with `lv_pct(x)`) values can be used. Percentage values are relative to the object's width.
89<ul>
90<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
91<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
92<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
93<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li>
94</ul>
95
96### transform_height
97Make the object higher on both sides with this value. Pixel and percentage (with `lv_pct(x)`) values can be used. Percentage values are relative to the object's height.
98<ul>
99<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
100<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
101<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
102<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li>
103</ul>
104
105### translate_x
106Move the object with this value in X direction. Applied after layouts, aligns and other positioning. Pixel and percentage (with `lv_pct(x)`) values can be used. Percentage values are relative to the object's width.
107<ul>
108<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
109<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
110<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
111<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
112</ul>
113
114### translate_y
115Move the object with this value in Y direction. Applied after layouts, aligns and other positioning. Pixel and percentage (with `lv_pct(x)`) values can be used. Percentage values are relative to the object's height.
116<ul>
117<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
118<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
119<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
120<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
121</ul>
122
123### transform_zoom
124Zoom an objects. The value 256 (or `LV_IMG_ZOOM_NONE`) means normal size, 128 half size, 512 double size, and so on
125<ul>
126<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
127<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
128<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
129<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li>
130</ul>
131
132### transform_angle
133Rotate an objects. The value is interpreted in 0.1 degree units. E.g. 450 means 45 deg.
134<ul>
135<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
136<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
137<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
138<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li>
139</ul>
140
141### transform_pivot_x
142Set the pivot point's X coordinate for transformations. Relative to the object's top left corner'
143<ul>
144<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
145<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
146<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
147<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
148</ul>
149
150### transform_pivot_y
151Set the pivot point's Y coordinate for transformations. Relative to the object's top left corner'
152<ul>
153<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
154<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
155<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
156<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
157</ul>
158
159## Padding
160Properties to describe spacing between the parent's sides and the children and among the children. Very similar to the padding properties in HTML.
161
162### pad_top
163Sets the padding on the top. It makes the content area smaller in this direction.
164<ul>
165<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
166<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
167<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
168<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
169</ul>
170
171### pad_bottom
172Sets the padding on the bottom. It makes the content area smaller in this direction.
173<ul>
174<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
175<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
176<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
177<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
178</ul>
179
180### pad_left
181Sets the padding on the left. It makes the content area smaller in this direction.
182<ul>
183<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
184<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
185<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
186<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
187</ul>
188
189### pad_right
190Sets the padding on the right. It makes the content area smaller in this direction.
191<ul>
192<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
193<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
194<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
195<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
196</ul>
197
198### pad_row
199Sets the padding between the rows. Used by the layouts.
200<ul>
201<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
202<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
203<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
204<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
205</ul>
206
207### pad_column
208Sets the padding between the columns. Used by the layouts.
209<ul>
210<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
211<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
212<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
213<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
214</ul>
215
216## Background
217Properties to describe the background color and image of the objects.
218
219### bg_color
220Set the background color of the object.
221<ul>
222<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0xffffff`</li>
223<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
224<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
225<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
226</ul>
227
228### bg_opa
229Set the opacity of the background. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency.
230<ul>
231<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_TRANSP`</li>
232<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
233<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
234<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
235</ul>
236
237### bg_grad_color
238Set the gradient color of the background. Used only if `grad_dir` is not `LV_GRAD_DIR_NONE`
239<ul>
240<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li>
241<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
242<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
243<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
244</ul>
245
246### bg_grad_dir
247Set the direction of the gradient of the background. The possible values are `LV_GRAD_DIR_NONE/HOR/VER`.
248<ul>
249<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_GRAD_DIR_NONE`</li>
250<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
251<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
252<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
253</ul>
254
255### bg_main_stop
256Set the point from which the background color should start for gradients. 0 means to top/left side, 255 the bottom/right side, 128 the center, and so on
257<ul>
258<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
259<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
260<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
261<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
262</ul>
263
264### bg_grad_stop
265Set the point from which the background's gradient color should start. 0 means to top/left side, 255 the bottom/right side, 128 the center, and so on
266<ul>
267<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 255</li>
268<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
269<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
270<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
271</ul>
272
273### bg_grad
274Set the gradient definition. The pointed instance must exist while the object is alive. NULL to disable. It wraps `BG_GRAD_COLOR`, `BG_GRAD_DIR`, `BG_MAIN_STOP` and `BG_GRAD_STOP` into one descriptor and allows creating gradients with more colors too.
275<ul>
276<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</li>
277<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
278<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
279<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
280</ul>
281
282### bg_dither_mode
283Set the dithering mode of the gradient of the background. The possible values are `LV_DITHER_NONE/ORDERED/ERR_DIFF`.
284<ul>
285<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_DITHER_NONE`</li>
286<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
287<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
288<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
289</ul>
290
291### bg_img_src
292Set a background image. Can be a pointer to `lv_img_dsc_t`, a path to a file or an `LV_SYMBOL_...`
293<ul>
294<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</li>
295<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
296<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
297<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li>
298</ul>
299
300### bg_img_opa
301Set the opacity of the background image. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency.
302<ul>
303<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li>
304<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
305<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
306<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
307</ul>
308
309### bg_img_recolor
310Set a color to mix to the background image.
311<ul>
312<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li>
313<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
314<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
315<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
316</ul>
317
318### bg_img_recolor_opa
319Set the intensity of background image recoloring. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means no mixing, 255, `LV_OPA_100` or `LV_OPA_COVER` means full recoloring, other values or LV_OPA_10, LV_OPA_20, etc are interpreted proportionally.
320<ul>
321<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_TRANSP`</li>
322<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
323<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
324<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
325</ul>
326
327### bg_img_tiled
328If enabled the background image will be tiled. The possible values are `true` or `false`.
329<ul>
330<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
331<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
332<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
333<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
334</ul>
335
336## Border
337Properties to describe the borders
338
339### border_color
340Set the color of the border
341<ul>
342<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li>
343<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
344<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
345<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
346</ul>
347
348### border_opa
349Set the opacity of the border. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency.
350<ul>
351<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li>
352<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
353<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
354<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
355</ul>
356
357### border_width
358Set hte width of the border. Only pixel values can be used.
359<ul>
360<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
361<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
362<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
363<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
364</ul>
365
366### border_side
367Set only which side(s) the border should be drawn. The possible values are `LV_BORDER_SIDE_NONE/TOP/BOTTOM/LEFT/RIGHT/INTERNAL`. OR-ed values can be used as well, e.g. `LV_BORDER_SIDE_TOP | LV_BORDER_SIDE_LEFT`.
368<ul>
369<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_BORDER_SIDE_NONE`</li>
370<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
371<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
372<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
373</ul>
374
375### border_post
376Sets whether the border should be drawn before or after the children are drawn. `true`: after children, `false`: before children
377<ul>
378<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
379<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
380<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
381<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
382</ul>
383
384## Outline
385Properties to describe the outline. It's like a border but drawn outside of the rectangles.
386
387### outline_width
388Set the width of the outline in pixels.
389<ul>
390<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
391<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
392<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
393<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li>
394</ul>
395
396### outline_color
397Set the color of the outline.
398<ul>
399<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li>
400<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
401<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
402<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
403</ul>
404
405### outline_opa
406Set the opacity of the outline. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency.
407<ul>
408<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li>
409<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
410<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
411<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li>
412</ul>
413
414### outline_pad
415Set the padding of the outline, i.e. the gap between object and the outline.
416<ul>
417<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
418<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
419<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
420<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li>
421</ul>
422
423## Shadow
424Properties to describe the shadow drawn under the rectangles.
425
426### shadow_width
427Set the width of the shadow in pixels. The value should be >= 0.
428<ul>
429<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
430<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
431<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
432<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li>
433</ul>
434
435### shadow_ofs_x
436Set an offset on the shadow in pixels in X direction.
437<ul>
438<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
439<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
440<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
441<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li>
442</ul>
443
444### shadow_ofs_y
445Set an offset on the shadow in pixels in Y direction.
446<ul>
447<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
448<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
449<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
450<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li>
451</ul>
452
453### shadow_spread
454Make the shadow calculation to use a larger or smaller rectangle as base. The value can be in pixel to make the area larger/smaller
455<ul>
456<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
457<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
458<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
459<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li>
460</ul>
461
462### shadow_color
463Set the color of the shadow
464<ul>
465<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li>
466<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
467<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
468<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
469</ul>
470
471### shadow_opa
472Set the opacity of the shadow. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency.
473<ul>
474<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li>
475<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
476<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
477<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li>
478</ul>
479
480## Image
481Properties to describe the images
482
483### img_opa
484Set the opacity of an image. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency.
485<ul>
486<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li>
487<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
488<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
489<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
490</ul>
491
492### img_recolor
493Set color to mixt to the image.
494<ul>
495<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li>
496<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
497<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
498<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
499</ul>
500
501### img_recolor_opa
502Set the intensity of the color mixing. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency.
503<ul>
504<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
505<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
506<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
507<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
508</ul>
509
510## Line
511Properties to describe line-like objects
512
513### line_width
514Set the width of the lines in pixel.
515<ul>
516<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
517<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
518<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
519<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li>
520</ul>
521
522### line_dash_width
523Set the width of dashes in pixel. Note that dash works only on horizontal and vertical lines
524<ul>
525<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
526<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
527<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
528<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
529</ul>
530
531### line_dash_gap
532Set the gap between dashes in pixel. Note that dash works only on horizontal and vertical lines
533<ul>
534<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
535<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
536<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
537<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
538</ul>
539
540### line_rounded
541Make the end points of the lines rounded. `true`: rounded, `false`: perpendicular line ending
542<ul>
543<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
544<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
545<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
546<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
547</ul>
548
549### line_color
550Set the color fo the lines.
551<ul>
552<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li>
553<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
554<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
555<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
556</ul>
557
558### line_opa
559Set the opacity of the lines.
560<ul>
561<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li>
562<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
563<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
564<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
565</ul>
566
567## Arc
568TODO
569
570### arc_width
571Set the width (thickness) of the arcs in pixel.
572<ul>
573<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
574<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
575<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
576<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li>
577</ul>
578
579### arc_rounded
580Make the end points of the arcs rounded. `true`: rounded, `false`: perpendicular line ending
581<ul>
582<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
583<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
584<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
585<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
586</ul>
587
588### arc_color
589Set the color of the arc.
590<ul>
591<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li>
592<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
593<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
594<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
595</ul>
596
597### arc_opa
598Set the opacity of the arcs.
599<ul>
600<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li>
601<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
602<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
603<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
604</ul>
605
606### arc_img_src
607Set an image from which the arc will be masked out. It's useful to display complex effects on the arcs. Can be a pointer to `lv_img_dsc_t` or a path to a file
608<ul>
609<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</li>
610<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
611<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
612<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
613</ul>
614
615## Text
616Properties to describe the properties of text. All these properties are inherited.
617
618### text_color
619Sets the color of the text.
620<ul>
621<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li>
622<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li>
623<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
624<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
625</ul>
626
627### text_opa
628Set the opacity of the text. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency.
629<ul>
630<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li>
631<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li>
632<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
633<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
634</ul>
635
636### text_font
637Set the font of the text (a pointer `lv_font_t *`).
638<ul>
639<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_FONT_DEFAULT`</li>
640<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li>
641<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
642<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
643</ul>
644
645### text_letter_space
646Set the letter space in pixels
647<ul>
648<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
649<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li>
650<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
651<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
652</ul>
653
654### text_line_space
655Set the line space in pixels.
656<ul>
657<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
658<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li>
659<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
660<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
661</ul>
662
663### text_decor
664Set decoration for the text. The possible values are `LV_TEXT_DECOR_NONE/UNDERLINE/STRIKETHROUGH`. OR-ed values can be used as well.
665<ul>
666<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_TEXT_DECOR_NONE`</li>
667<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li>
668<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
669<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
670</ul>
671
672### text_align
673Set how to align the lines of the text. Note that it doesn't align the object itself, only the lines inside the object. The possible values are `LV_TEXT_ALIGN_LEFT/CENTER/RIGHT/AUTO`. `LV_TEXT_ALIGN_AUTO` detect the text base direction and uses left or right alignment accordingly
674<ul>
675<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_TEXT_ALIGN_AUTO`</li>
676<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li>
677<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
678<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
679</ul>
680
681## Miscellaneous
682Mixed properties for various purposes.
683
684### radius
685Set the radius on every corner. The value is interpreted in pixel (>= 0) or `LV_RADIUS_CIRCLE` for max. radius
686<ul>
687<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
688<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
689<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
690<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
691</ul>
692
693### clip_corner
694Enable to clip the overflowed content on the rounded corner. Can be `true` or `false`.
695<ul>
696<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
697<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
698<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
699<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
700</ul>
701
702### opa
703Scale down all opacity values of the object by this factor. Value 0, `LV_OPA_0` or `LV_OPA_TRANSP` means fully transparent, 255, `LV_OPA_100` or `LV_OPA_COVER` means fully covering, other values or LV_OPA_10, LV_OPA_20, etc means semi transparency.
704<ul>
705<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li>
706<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li>
707<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
708<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
709</ul>
710
711### color_filter_dsc
712Mix a color to all colors of the object.
713<ul>
714<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</li>
715<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
716<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
717<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
718</ul>
719
720### color_filter_opa
721The intensity of mixing of color filter.
722<ul>
723<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_TRANSP`</li>
724<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
725<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
726<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
727</ul>
728
729### anim
730The animation template for the object's animation. Should be a pointer to `lv_anim_t`. The animation parameters are widget specific, e.g. animation time could be the E.g. blink time of the cursor on the text area or scroll time of a roller. See the widgets' documentation to learn more.
731<ul>
732<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</li>
733<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
734<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
735<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
736</ul>
737
738### anim_time
739The animation time in milliseconds. Its meaning is widget specific. E.g. blink time of the cursor on the text area or scroll time of a roller. See the widgets' documentation to learn more.
740<ul>
741<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
742<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
743<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
744<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
745</ul>
746
747### anim_speed
748The animation speed in pixel/sec. Its meaning is widget specific. E.g. scroll speed of label. See the widgets' documentation to learn more.
749<ul>
750<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
751<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
752<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
753<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
754</ul>
755
756### transition
757An initialized `lv_style_transition_dsc_t` to describe a transition.
758<ul>
759<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</li>
760<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
761<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
762<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
763</ul>
764
765### blend_mode
766Describes how to blend the colors to the background. The possible values are `LV_BLEND_MODE_NORMAL/ADDITIVE/SUBTRACTIVE/MULTIPLY`
767<ul>
768<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_BLEND_MODE_NORMAL`</li>
769<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
770<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
771<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
772</ul>
773
774### layout
775Set the layout if the object. The children will be repositioned and resized according to the policies set for the layout. For the possible values see the documentation of the layouts.
776<ul>
777<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
778<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
779<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
780<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
781</ul>
782
783### base_dir
784Set the base direction of the object. The possible values are `LV_BIDI_DIR_LTR/RTL/AUTO`.
785<ul>
786<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_BASE_DIR_AUTO`</li>
787<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li>
788<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
789<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
790</ul>
791