xaml的margin和css的margin对比

css margin

xaml margin

例子 1

css

margin:10px 5px 15px 20px;

上右下左

上外边距是 10px
右外边距是 5px
下外边距是 15px
左外边距是 20px

xaml

Margin="10, 5, 15, 20"

or

Margin="10 5 15 20"

左、上、右、下

左外边距是 10
上外边距是 5
右外边距是 15
下外边距是 20

例子 2

css

margin:10px 5px 15px;

上外边距是 10px
左外边距和右外边距是 5px
下外边距是 15px

xaml 无此语法

例子 3

css

margin:10px 5px;

上外边距和下外边距是 10px
左外边距和右外边距是 5px

xaml

Margin="20,50"

左外边距和右外边距是 20
上外边距和下外边距是 50。

css 可能的值

值	描述
auto	浏览器计算外边距。
length	规定以具体单位计的外边距值，比如像素、厘米等。默认值是 0px。
%	规定基于父元素的宽度的百分比的外边距。
inherit	规定应该从父元素继承外边距。

XAML 值

左、上、右、下

介于 0 和 PositiveInfinity 之间的数字值，它们指定了一个 Thickness 结构的四个可能的维度属性。

特性用法也接受按提供的顺序对称而符合逻辑地应用的缩略值。例如，将解释 Margin="20"，意味着将 Thickness 的所有属性设置为 20。 Margin="20,50" 将被解释为表示一个 Thickness，将 Left 和 Right 设置为 20，将 Top 和 Bottom 设置为 50。

Thickness 度量的默认单位是device-independent unit (1/96th inch)。通过将单位类型字符串 cm、in 或 pt 追加到任何度量，还可以指定其他单位。

作为 XAML 特性提供的数字值无需指定小数点（0 是可接受的，无需以 0.0 的形式提供）。有关Extensible Application Markup Language (XAML) 用法的更多信息，请参见 Thickness。

thicknessReference

一个对现有 Thickness 的对象引用。这可能是 }、 或 } 引用。有关Extensible Application Markup Language (XAML) 用法的更多信息，请参见 Thickness。