acid-drop

- Hacking the planet from a LilyGo T-Deck using custom firmware
git clone git://git.acid.vegas/acid-drop.git
Log | Files | Refs | Archive | README | LICENSE

style-props.md (46064B)

      1 # Style properties
      2 
      3 ## Size and position
      4 Properties related to size, position, alignment and layout of the objects.
      5 
      6 ### width
      7 Sets 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
     16 Sets 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
     25 Sets 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
     34 Sets 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
     43 Sets 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
     52 Sets 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
     61 Set 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
     70 Set 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
     79 Set 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
     88 Make 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
     97 Make 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
    106 Move 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
    115 Move 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
    124 Zoom image-like objects. Multiplied with the zoom set on the object. 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
    133 Rotate image-like objects. Added to the rotation set on the object. The value is interpreted in 0.1 degree units. E.g. 45 deg. = 450
    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 ## Padding
    142 Properties to describe spacing between the parent's sides and the children and among the children. Very similar to the padding properties in HTML.
    143 
    144 ### pad_top
    145 Sets the padding on the top. It makes the content area smaller in this direction.
    146 <ul>
    147 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
    148 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
    149 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
    150 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
    151 </ul>
    152 
    153 ### pad_bottom
    154 Sets the padding on the bottom. It makes the content area smaller in this direction.
    155 <ul>
    156 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
    157 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
    158 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
    159 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
    160 </ul>
    161 
    162 ### pad_left
    163 Sets the padding on the left. 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_right
    172 Sets the padding on the right. 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_row
    181 Sets the padding between the rows. Used by the layouts.
    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_column
    190 Sets the padding between the columns. Used by the layouts.
    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 ## Background
    199 Properties to describe the background color and image of the objects.
    200 
    201 ### bg_color
    202 Set the background color of the object.
    203 <ul>
    204 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0xffffff`</li>
    205 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
    206 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
    207 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
    208 </ul>
    209 
    210 ### bg_opa
    211 Set 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.
    212 <ul>
    213 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_TRANSP`</li>
    214 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
    215 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
    216 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
    217 </ul>
    218 
    219 ### bg_grad_color
    220 Set the gradient color of the background. Used only if `grad_dir` is not `LV_GRAD_DIR_NONE`
    221 <ul>
    222 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</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_grad_dir
    229 Set the direction of the gradient of the background. The possible values are `LV_GRAD_DIR_NONE/HOR/VER`.
    230 <ul>
    231 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_GRAD_DIR_NONE`</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_main_stop
    238 Set 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
    239 <ul>
    240 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</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_stop
    247 Set 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
    248 <ul>
    249 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 255</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_grad
    256 Set 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.
    257 <ul>
    258 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</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_dither_mode
    265 Set the dithering mode of the gradient of the background. The possible values are `LV_DITHER_NONE/ORDERED/ERR_DIFF`.
    266 <ul>
    267 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_DITHER_NONE`</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_img_src
    274 Set a background image. Can be a pointer to `lv_img_dsc_t`, a path to a file or an `LV_SYMBOL_...`
    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> Yes</li>
    280 </ul>
    281 
    282 ### bg_img_opa
    283 Set 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.
    284 <ul>
    285 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</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_recolor
    292 Set a color to mix to the background image.
    293 <ul>
    294 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</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> No</li>
    298 </ul>
    299 
    300 ### bg_img_recolor_opa
    301 Set 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.
    302 <ul>
    303 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_TRANSP`</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_tiled
    310 If enabled the background image will be tiled. The possible values are `true` or `false`.
    311 <ul>
    312 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</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 ## Border
    319 Properties to describe the borders
    320 
    321 ### border_color
    322 Set the color of the border
    323 <ul>
    324 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li>
    325 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
    326 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
    327 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
    328 </ul>
    329 
    330 ### border_opa
    331 Set 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.
    332 <ul>
    333 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li>
    334 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
    335 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
    336 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
    337 </ul>
    338 
    339 ### border_width
    340 Set hte width of the border. Only pixel values can be used.
    341 <ul>
    342 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</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> Yes</li>
    345 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
    346 </ul>
    347 
    348 ### border_side
    349 Set 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`.
    350 <ul>
    351 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_BORDER_SIDE_NONE`</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_post
    358 Sets whether the border should be drawn before or after the children are drawn. `true`: after children, `false`: before children
    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> No</li>
    363 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
    364 </ul>
    365 
    366 ## Outline
    367 Properties to describe the outline. It's like a border but drawn outside of the rectangles.
    368 
    369 ### outline_width
    370 Set the width of the outline in pixels.
    371 <ul>
    372 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
    373 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
    374 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
    375 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li>
    376 </ul>
    377 
    378 ### outline_color
    379 Set the color of the outline.
    380 <ul>
    381 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li>
    382 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
    383 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
    384 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
    385 </ul>
    386 
    387 ### outline_opa
    388 Set 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.
    389 <ul>
    390 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</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_pad
    397 Set the padding of the outline, i.e. the gap between object and the outline.
    398 <ul>
    399 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</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> Yes</li>
    403 </ul>
    404 
    405 ## Shadow
    406 Properties to describe the shadow drawn under the rectangles.
    407 
    408 ### shadow_width
    409 Set the width of the shadow in pixels. The value should be >= 0.
    410 <ul>
    411 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
    412 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
    413 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
    414 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li>
    415 </ul>
    416 
    417 ### shadow_ofs_x
    418 Set an offset on the shadow in pixels in X direction.
    419 <ul>
    420 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
    421 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
    422 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
    423 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li>
    424 </ul>
    425 
    426 ### shadow_ofs_y
    427 Set an offset on the shadow in pixels in Y direction.
    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_spread
    436 Make the shadow calculation to use a larger or smaller rectangle as base. The value can be in pixel to make the area larger/smaller
    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_color
    445 Set the color of the shadow
    446 <ul>
    447 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</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> No</li>
    451 </ul>
    452 
    453 ### shadow_opa
    454 Set 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.
    455 <ul>
    456 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</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 ## Image
    463 Properties to describe the images
    464 
    465 ### img_opa
    466 Set 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.
    467 <ul>
    468 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li>
    469 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
    470 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
    471 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
    472 </ul>
    473 
    474 ### img_recolor
    475 Set color to mixt to the image.
    476 <ul>
    477 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li>
    478 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
    479 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
    480 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
    481 </ul>
    482 
    483 ### img_recolor_opa
    484 Set 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.
    485 <ul>
    486 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</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 ## Line
    493 Properties to describe line-like objects
    494 
    495 ### line_width
    496 Set the width of the lines in pixel.
    497 <ul>
    498 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
    499 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
    500 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
    501 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li>
    502 </ul>
    503 
    504 ### line_dash_width
    505 Set the width of dashes in pixel. Note that dash works only on horizontal and vertical lines
    506 <ul>
    507 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
    508 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
    509 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
    510 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
    511 </ul>
    512 
    513 ### line_dash_gap
    514 Set the gap between dashes in pixel. Note that dash works only on horizontal and vertical lines
    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> No</li>
    520 </ul>
    521 
    522 ### line_rounded
    523 Make the end points of the lines rounded. `true`: rounded, `false`: perpendicular line ending
    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_color
    532 Set the color fo the lines.
    533 <ul>
    534 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</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_opa
    541 Set the opacity of the lines.
    542 <ul>
    543 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</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 ## Arc
    550 TODO
    551 
    552 ### arc_width
    553 Set the width (thickness) of the arcs in pixel.
    554 <ul>
    555 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
    556 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
    557 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
    558 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> Yes</li>
    559 </ul>
    560 
    561 ### arc_rounded
    562 Make the end points of the arcs rounded. `true`: rounded, `false`: perpendicular line ending
    563 <ul>
    564 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
    565 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
    566 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
    567 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
    568 </ul>
    569 
    570 ### arc_color
    571 Set the color of the arc.
    572 <ul>
    573 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</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> No</li>
    577 </ul>
    578 
    579 ### arc_opa
    580 Set the opacity of the arcs.
    581 <ul>
    582 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</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_img_src
    589 Set 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
    590 <ul>
    591 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</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 ## Text
    598 Properties to describe the properties of text. All these properties are inherited.
    599 
    600 ### text_color
    601 Sets the color of the text.
    602 <ul>
    603 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `0x000000`</li>
    604 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li>
    605 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
    606 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
    607 </ul>
    608 
    609 ### text_opa
    610 Set 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.
    611 <ul>
    612 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li>
    613 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li>
    614 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
    615 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
    616 </ul>
    617 
    618 ### text_font
    619 Set the font of the text (a pointer `lv_font_t *`).
    620 <ul>
    621 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_FONT_DEFAULT`</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> Yes</li>
    624 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
    625 </ul>
    626 
    627 ### text_letter_space
    628 Set the letter space in pixels
    629 <ul>
    630 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</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> Yes</li>
    633 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
    634 </ul>
    635 
    636 ### text_line_space
    637 Set the line space in pixels.
    638 <ul>
    639 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</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_decor
    646 Set decoration for the text. The possible values are `LV_TEXT_DECOR_NONE/UNDERLINE/STRIKETHROUGH`. OR-ed values can be used as well.
    647 <ul>
    648 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_TEXT_DECOR_NONE`</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> No</li>
    651 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
    652 </ul>
    653 
    654 ### text_align
    655 Set 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
    656 <ul>
    657 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_TEXT_ALIGN_AUTO`</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 ## Miscellaneous
    664 Mixed properties for various purposes.
    665 
    666 ### radius
    667 Set the radius on every corner. The value is interpreted in pixel (>= 0) or `LV_RADIUS_CIRCLE` for max. radius
    668 <ul>
    669 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
    670 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
    671 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
    672 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
    673 </ul>
    674 
    675 ### clip_corner
    676 Enable to clip the overflowed content on the rounded corner. Can be `true` or `false`.
    677 <ul>
    678 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</li>
    679 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</li>
    680 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> No</li>
    681 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
    682 </ul>
    683 
    684 ### opa
    685 Scale 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.
    686 <ul>
    687 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_COVER`</li>
    688 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</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 ### color_filter_dsc
    694 Mix a color to all colors of the object.
    695 <ul>
    696 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `NULL`</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 ### color_filter_opa
    703 The intensity of mixing of color filter.
    704 <ul>
    705 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_OPA_TRANSP`</li>
    706 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> No</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 ### anim
    712 The 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.
    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 ### anim_time
    721 The 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.
    722 <ul>
    723 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</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_speed
    730 The animation speed in pixel/sec. Its meaning is widget specific. E.g. scroll speed of label. See the widgets' documentation to learn more.
    731 <ul>
    732 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> 0</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 ### transition
    739 An initialized `lv_style_transition_dsc_t` to describe a transition.
    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 ### blend_mode
    748 Describes how to blend the colors to the background. The possible values are `LV_BLEND_MODE_NORMAL/ADDITIVE/SUBTRACTIVE/MULTIPLY`
    749 <ul>
    750 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_BLEND_MODE_NORMAL`</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 ### layout
    757 Set 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.
    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> Yes</li>
    762 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
    763 </ul>
    764 
    765 ### base_dir
    766 Set the base direction of the object. The possible values are `LV_BIDI_DIR_LTR/RTL/AUTO`.
    767 <ul>
    768 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Default</strong> `LV_BASE_DIR_AUTO`</li>
    769 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Inherited</strong> Yes</li>
    770 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Layout</strong> Yes</li>
    771 <li style='display:inline; margin-right: 20px; margin-left: 0px'><strong>Ext. draw</strong> No</li>
    772 </ul>