更改属性

Google Web Designer 中的每个元素都有一组属性，如尺寸、位置和样式。虽然很多元素具有类似属性，但某些元素（如组件）也有自己专属的属性。

您可以在“属性”面板中查看和修改属性。

常见属性

很多元素都具有下面这些常见属性，但也有一些元素可能只具有其中的部分属性。

元素 ID

属性	说明
元素	显示元素类型。系统会默认为每个视觉元素或组件创建元素类型。系统还会创建自定义元素。
ID	元素 ID。只有具有 ID 的元素才能成为事件的目标元素或接收方。

位置和尺寸

属性	说明
左侧	以像素表示时，是指与场景（或父元素）左侧之间的距离；以百分比表示时，则是指与场景左侧之间的距离占场景（或父元素）总宽度的百分比。
顶部	以像素表示时，是指与场景（或父元素）顶部之间的距离；以百分比表示时，则是指与场景顶部之间的距离占场景（或父元素）总高度的百分比。
宽度	以像素表示时，是指相应元素的宽度；以百分比表示时，则是指该宽度占场景（或父元素）总宽度的百分比。
高度	以像素表示时，是指相应元素的高度；以百分比表示时，则是指该高度占场景（或父元素）总高度的百分比。

如需在像素和百分比之间进行选择，请执行以下操作：

点击测量单位（px 或 %），然后从弹出式菜单中选择要使用的单位。

您也可以点击使用百分比值 按钮，将所有位置和尺寸属性更改为百分比值。

此选项可能不适用于某些元素类型。

如需保持宽高比，请执行以下操作：

点击锁定宽高比  按钮。之后，如果宽度或高度发生变化，另一个尺寸就会自动按比例进行调整。

若要在更改宽度或高度时不影响另一个尺寸，请再次点击 按钮。

定位

定位功能可让您永久对齐容器内的元素，即使元素或容器的尺寸、内边距或边框宽度发生变化也不例外。您设置的任何位置或平移属性都将使元素相对于定位点产生偏移。

您可以选择水平定位模式和垂直定位模式。默认值为“左上角”。

水平定位模式

模式	效果
左侧	元素的左边缘与容器的左边缘对齐。
居中	元素的水平中心与容器的水平中心对齐。
右侧	元素的右边缘与容器的右边缘对齐。

垂直定位模式

模式	效果
顶部	元素的上边缘与容器的上边缘对齐。
中间	元素的垂直中心与容器的垂直中心对齐。
底部	元素的下边缘与容器的下边缘对齐。

大小限制

大小限制会限制元素的尺寸，即使指定尺寸超出这些限制也是如此。如需移除大小限制，请删除相应值，将字段留空 (---)。

属性	说明
最小宽度	以像素表示时，是指相应元素的最小宽度；以百分比表示时，则是指该宽度占场景（或父元素）总宽度的百分比。
最小高度	以像素表示时，是指相应元素的最小高度；以百分比表示时，则是指该高度占场景（或父元素）总高度的百分比。
最大宽度	以像素表示时，是指相应元素的最大宽度；以百分比表示时，则是指该宽度占场景（或父元素）总宽度的百分比。
最大高度	以像素表示时，是指相应元素的最大高度；以百分比表示时，则是指该高度占场景（或父元素）总高度的百分比。

平移、旋转和缩放

3D 值类型

类型	说明
增量值	可让您相对于对象的当前值，更改该对象的 3D 位置、旋转或缩放。系统会在下次调整前将这些值重置为 0。
绝对值	相对于场景，显示对象的 3D 位置、旋转和缩放。

平移、旋转和缩放的 X、Y 和 Z 值

属性	说明
平移	第一行中的 X、Y 和 Z 值代表元素的 3D 平移值。
旋转	第二行中的值代表围绕每个轴旋转的角度。
缩放	第三行中的值代表缩放比例。点击均匀缩放 按钮可沿 x 轴、y 轴和 z 轴应用相同的缩放值。

样式

填充

属性	说明
不透明度	元素的不透明度，以介于 0（完全透明）到 1（完全不透明）之间的值表示。
填充	点击颜色框可选择元素的填充颜色。
溢出	内容在溢出容器时的处理方式： visible - 在容器外部显示内容。 hidden - 沿容器边缘剪裁内容，且不显示滚动条。 scroll - 沿容器边缘剪裁内容。无论内容是否溢出，一律显示滚动条。 auto - 沿容器边缘剪裁内容，并在必要时显示滚动条。 initial - 将内容设为其初始溢出行为。 inherit - 容器沿用其父级容器的溢出规则。
可见性	元素的可见性： visible - 元素可见。（默认） hidden - 元素被隐藏，但仍会影响版式。 collapse - 元素被隐藏，并且表格中的行处于合拢状态。 initial - 将元素设为其初始可见性。 inherit - 元素沿用其父级容器的可见性规则。

边框

属性	说明
边框颜色	点击色样可选择元素的边框颜色。
边框宽度	边框的宽度（以像素或点数为单位）。
样式	边框样式。您可以选择以下选项之一： none solid hidden dotted dashed double groove ridge inset outset
圆角半径	圆角半径（以像素、点数或百分比为单位）。默认情况下，所有圆角都会设为相同的半径。点击保持同一宽高比  按钮可分别设置各个圆角。

外边距

可以像素或百分比为单位来设置元素的外边距。默认情况下，所有外边距都会设为相同的值。点击保持同一宽高比  按钮可分别设置每侧的外边距。

内边距

可以像素或百分比为单位来设置元素的内边距。默认情况下，所有内边距都会设为相同的值。点击保持同一宽高比  按钮可分别设置每侧的内边距。

动画路径属性

如果您为元素指定了动画路径，那么当您添加定位点或将动画路径形状改成曲线后，“属性”面板中也会显示相应的动画路径属性。

页面属性

每个页面都有自己的一组属性。只要未选择任何元素，您就可以查看和更改这些属性。

视频广告和动画 GIF 属性

视频广告和动画 GIF 可让您在未选择任何元素的情况下，更改视频广告尺寸和帧速率。

组件属性

除了常见属性外，每个组件还有自己专属的属性。您可以在各组件的帮助页面上找到这些属性的说明。