Type Attributes
Length Type
Name | Type | Description |
---|---|---|
length | string | number | Size unit. When the type is number, the unit is px. When the type is string, the pixel unit needs to be explicitly specified. Currently, the following pixel units are supported: - px: logical size unit. - fp6+: font size unit, which varies according to the system font size. Only text components support the setting of the font size. |
percentage | string | Unit in percentage, for example, 50%. |
Color Type
Name | Type | Description |
---|---|---|
color | string | Color enumeration values | Color information. The String format is as follows: - 'rgb(255, 255, 255)' - 'rgba(255, 255, 255, 1.0)' - HEX formats: #rrggbb and #aarrggbb - Enumeration format: 'black' and 'white' NOTE: The enumeration format is not supported in the JS script. |
Table 1 Currently supported colors
Name | Hexadecimal Code | Color |
---|---|---|
aliceblue | #f0f8ff | ![]() |
antiquewhite | #faebd7 | ![]() |
aqua | #00ffff | ![]() |
aquamarine | #7fffd4 | ![]() |
azure | #f0ffff | ![]() |
beige | #f5f5dc | ![]() |
bisque | #ffe4c4 | ![]() |
black | #000000 | ![]() |
blanchedalmond | #ffebcd | ![]() |
blue | #0000ff | ![]() |
blueviolet | #8a2be2 | ![]() |
brown | #a52a2a | ![]() |
burlywood | #deB887 | ![]() |
cadetblue | #5f9ea0 | ![]() |
chartreuse | #7fff00 | ![]() |
chocolate | #d2691e | ![]() |
coral | #ff7f50 | ![]() |
cornflowerblue | #6495ed | ![]() |
cornsilk | #fff8dc | ![]() |
crimson | #dc143c | ![]() |
cyan | #00ffff | ![]() |
darkblue | #00008b | ![]() |
darkcyan | #008b8b | ![]() |
darkgoldenrod | #b8860b | ![]() |
darkgray | #a9a9a9 | ![]() |
darkgreen | #006400 | ![]() |
darkgrey | #a9a9a9 | ![]() |
darkkhaki | #bdb76b | ![]() |
darkmagenta | #8b008b | ![]() |
darkolivegreen | #556b2f | ![]() |
darkorange | #ff8c00 | ![]() |
darkorchid | #9932cc | ![]() |
darkred | #8b0000 | ![]() |
darksalmon | #e9967a | ![]() |
darkseagreen | #8fbc8f | ![]() |
darkslateblue | #483d8b | ![]() |
darkslategray | #2f4f4f | ![]() |
darkslategrey | #2f4f4f | ![]() |
darkturquoise | #00ced1 | ![]() |
darkviolet | #9400d3 | ![]() |
deeppink | #ff1493 | ![]() |
deepskyblue | #00bfff | ![]() |
dimgray | #696969 | ![]() |
dimgrey | #696969 | ![]() |
dodgerblue | #1e90ff | ![]() |
firebrick | #b22222 | ![]() |
floralwhite | #fffaf0 | ![]() |
forestgreen | #228b22 | ![]() |
fuchsia | #ff00ff | ![]() |
gainsboro | #dcdcdc | ![]() |
ghostwhite | #f8f8ff | ![]() |
gold | #ffd700 | ![]() |
goldenrod | #daa520 | ![]() |
gray | #808080 | ![]() |
green | #008000 | ![]() |
greenyellow | #adff2f | ![]() |
grey | #808080 | ![]() |
honeydew | #f0fff0 | ![]() |
hotpink | #ff69b4 | ![]() |
indianred | #cd5c5c | ![]() |
indigo | #4b0082 | ![]() |
ivory | #fffff0 | ![]() |
khaki | #f0e68c | ![]() |
lavender | #e6e6fa | ![]() |
lavenderblush | #fff0f5 | ![]() |
lawngreen | #7cfc00 | ![]() |
lemonchiffon | #fffacd | ![]() |
lightblue | #add8e6 | ![]() |
lightcoral | #f08080 | ![]() |
lightcyan | #e0ffff | ![]() |
lightgoldenrodyellow | #fafad2 | ![]() |
lightgray | #d3d3d3 | ![]() |
lightgreen | #90ee90 | ![]() |
lightpink | #ffb6c1 | ![]() |
lightsalmon | #ffa07a | ![]() |
lightseagreen | #20b2aa | ![]() |
lightskyblue | #87cefa | ![]() |
lightslategray | #778899 | ![]() |
lightslategrey | #778899 | ![]() |
lightsteelblue | #b0c4de | ![]() |
lightyellow | #ffffe0 | ![]() |
lime | #00ff00 | ![]() |
limegreen | #32cd32 | ![]() |
linen | #faf0e6 | ![]() |
magenta | #ff00ff | ![]() |
maroon | #800000 | ![]() |
mediumaquamarine | #66cdaa | ![]() |
mediumblue | #0000cd | ![]() |
mediumorchid | #ba55d3 | ![]() |
mediumpurple | #9370db | ![]() |
mediumseagreen | #3cb371 | ![]() |
mediumslateblue | #7b68ee | ![]() |
mediumspringgreen | #00fa9a | ![]() |
mediumturquoise | #48d1cc | ![]() |
mediumvioletred | #c71585 | ![]() |
midnightblue | #191970 | ![]() |
mintcream | #f5fffa | ![]() |
mistyrose | #ffe4e1 | ![]() |
moccasin | #ffe4b5 | ![]() |
navajowhite | #ffdead | ![]() |
navy | #000080 | ![]() |
oldlace | #fdf5e6 | ![]() |
olive | #808000 | ![]() |
olivedrab | #6b8e23 | ![]() |
orange | #ffa500 | ![]() |
orangered | #ff4500 | ![]() |
orchid | #da70d6 | ![]() |
palegoldenrod | #eee8aa | ![]() |
palegreen | #98fb98 | ![]() |
paleturquoise | #afeeee | ![]() |
palevioletred | #db7093 | ![]() |
papayawhip | #ffefd5 | ![]() |
peachpuff | #ffdab9 | ![]() |
peru | #cd853f | ![]() |
pink | #ffc0cb | ![]() |
plum | #dda0dd | ![]() |
powderblue | #b0e0e6 | ![]() |
purple | #800080 | ![]() |
rebeccapurple | #663399 | ![]() |
red | #ff0000 | ![]() |
rosybrown | #bc8f8f | ![]() |
royalblue | #4169e1 | ![]() |
saddlebrown | #8b4513 | ![]() |
salmon | #fa8072 | ![]() |
sandybrown | #f4a460 | ![]() |
seagreen | #2e8b57 | ![]() |
seashell | #fff5ee | ![]() |
sienna | #a0522d | ![]() |
silver | #c0c0c0 | ![]() |
skyblue | #87ceeb | ![]() |
slateblue | #6a5acd | ![]() |
slategray | #708090 | ![]() |
slategrey | #708090 | ![]() |
snow | #fffafa | ![]() |
springgreen | #00ff7f | ![]() |
steelblue | #4682b4 | ![]() |
tan | #d2b48c | ![]() |
teal | #008080 | ![]() |
thistle | #d8Bfd8 | ![]() |
tomato | #ff6347 | ![]() |
turquoise | #40e0d0 | ![]() |
violet | #ee82ee | ![]() |
wheat | #f5deb3 | ![]() |
white | #ffffff | ![]() |
whitesmoke | #f5f5f5 | ![]() |
yellow | #ffff00 | ![]() |
yellowgreen | #9acd32 | ![]() |