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 the 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### opa_layered 712First draw the object on the layer, then scale down layer opacity 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. 713<ul> 714<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li> 715<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</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_dsc 721Mix a color to all colors of the object. 722<ul> 723<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</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### color_filter_opa 730The intensity of mixing of color filter. 731<ul> 732<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_TRANSP`</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 739The 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. 740<ul> 741<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</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_time 748The 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. 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### anim_speed 757The animation speed in pixel/sec. Its meaning is widget specific. E.g. scroll speed of label. See the widgets' documentation to learn more. 758<ul> 759<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</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### transition 766An initialized `lv_style_transition_dsc_t` to describe a transition. 767<ul> 768<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</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### blend_mode 775Describes how to blend the colors to the background. The possible values are `LV_BLEND_MODE_NORMAL/ADDITIVE/SUBTRACTIVE/MULTIPLY` 776<ul> 777<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_BLEND_MODE_NORMAL`</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> No</li> 780<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 781</ul> 782 783### layout 784Set the layout of 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. 785<ul> 786<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li> 787<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</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 792### base_dir 793Set the base direction of the object. The possible values are `LV_BIDI_DIR_LTR/RTL/AUTO`. 794<ul> 795<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_BASE_DIR_AUTO`</li> 796<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li> 797<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li> 798<li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li> 799</ul> 800