鸿蒙HarmonyOS实战开发：JS组件通用外观样式总结

组件普遍支持的可以在style或css中设置组件外观样式。

名称	类型	默认值	描述
width	<length> | <percentage>	-	设置组件自身的宽度。 缺省时使用元素自身内容需要的宽度。
height	<length> | <percentage>	-	设置组件自身的高度。 缺省时使用元素自身内容需要的高度。
min-width5+	<length> | <percentage>6+	0	设置元素的最小宽度。
min-height5+	<length> | <percentage>6+	0	设置元素的最小高度。
max-width5+	<length> | <percentage>6+	-	设置元素的最大宽度。默认无限制。
max-height5+	<length> | <percentage>6+	-	设置元素的最大高度。默认无限制。
padding	<length> | <percentage>5+	0	使用简写属性设置所有的内边距属性。 该属性可以有1到4个值： - 指定一个值时，该值指定四个边的内边距。 - 指定两个值时，第一个值指定上下两边的内边距，第二个指定左右两边的内边距。 - 指定三个值时，第一个指定上边的内边距，第二个指定左右两边的内边距，第三个指定下边的内边距。 - 指定四个值时分别为上、右、下、左边的内边距（顺时针顺序）。
padding-[left|top|right|bottom]	<length> | <percentage>5+	0	设置左、上、右、下内边距属性。
padding-[start|end]	<length> | <percentage>5+	0	设置起始和末端内边距属性。
margin	<length> | <percentage>5+	0	使用简写属性设置所有的外边距属性，该属性可以有1到4个值。 - 只有一个值时，这个值会被指定给全部的四个边。 - 两个值时，第一个值被匹配给上和下，第二个值被匹配给左和右。 - 三个值时，第一个值被匹配给上, 第二个值被匹配给左和右，第三个值被匹配给下。 - 四个值时，会依次按上、右、下、左的顺序匹配 (即顺时针顺序)。
margin-[left|top|right|bottom]	<length> | <percentage>5+	0	设置左、上、右、下外边距属性。
margin-[start|end]	<length> | <percentage>5+	0	设置起始和末端外边距属性。
border	-	0	使用简写属性设置所有的边框属性，包含边框的宽度，样式，颜色属性，顺序设置为border-width、border-style、border-color，不设置时，各属性值为默认值。
border-style	string	solid	使用简写属性设置所有边框的样式，可选值为： - dotted：显示为一系列圆点，圆点半径为border-width的一半。 - dashed：显示为一系列短的方形虚线。 - solid：显示为一条实线。
border-[left|top|right|bottom]-style	string	solid	分别设置左、上、右、下四个边框的样式，可选值为dotted、dashed、solid。
border-[left|top|right|bottom]	-	-	使用简写属性设置对应位置的边框属性，包含边框的宽度，样式，颜色属性，顺序设置为border-width、border-style、border-color，不设置的值为默认值。
border-width	<length>	0	使用简写属性设置元素的所有边框宽度，或者单独为各边边框设置宽度。
border-[left|top|right|bottom]-width	<length>	0	分别设置左、上、右、下四个边框的宽度。
border-color	<color>	black	使用简写属性设置元素的所有边框颜色，或者单独为各边边框设置颜色。
border-[left|top|right|bottom]-color	<color>	black	分别设置左、上、右、下四个边框的颜色。
border-radius	<length>	-	border-radius属性设置元素的外边框圆角半径。设置border-radius时不能单独设置某一个方向的border-[left|top|right|bottom]-width，border-[left|top|right|bottom]-color ，border-[left|top|right|bottom]-style，如果要设置color、width和style，需要将四个方向一起设置（border-width、border-color、border-style）。 顺序为左下、右下、左上和右上。
border-[top|bottom]-[left|right]-radius	<length>	-	分别设置左上，右上，右下和左下四个角的圆角半径。
back