English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Umriss-style CSS属性设置元素轮廓的样式。但是，在工作中,我们更偏向于使用Umriss这个简写属性。
下表为此属性的用法说明和版本历史记录，以及该属性在javascript脚本中的使用语法。
| 默认值： | none |
|---|---|
| 适用于： | 所有元素 |
| 继承： | 没有 |
| 可动画制作： | 否。请参见 动画属性. |
| 版本： | CSS 2、3 |
| JavaScript语法： | object.style.outlineStyle="dotted" |
该属性的语法如下：
Umriss-style: none | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit
Der folgende Beispiel zeigt, wie outline verwendet wird.-style Eigenschaft.
p {
Umriss-style: double;
Umriss-width: 5px;
}Testen Sie heraus‹/›Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.
| Wert | Beschreibung |
|---|---|
| none | Kein Umriss angezeigt. Dies ist der Standardwert. |
| dotted | Zeige den Umriss als eine Reihe von Punkten. |
| dashed | Zeige den Umriss als eine Reihe von kurzen Linien, d.h. Strichen. |
| solid | Zeige den Umriss als eine durchgezogene Linie. |
| double | Zeige den Umriss als zwei parallele durchgezogene Linien und lasse einen bestimmten Abstand zwischen ihnen. Die Summe der beiden Linien und der Abstand zwischen ihnen beträgtUmriss-widthWert. |
| groove | zeigt, dass der Umriss in den Canvas geschnitten wird. Es gibt auch3D-Eindruck, der normalerweise durch Erstellen von Schatten in zwei Farben erreicht wird, und diese Farben sind heller und dunkler alsUmriss-colorFarbe etwas heller und dunkler. |
| ridge | zeigt einen Umriss im Gegensatz zum Effekt groove. Es gibt auch3D-Eindruck, der Umriss scheint so aus dem Canvas herauszukommen. |
| inset | zeigt, dass der Elementrahmen in den Canvas eingebettet zu sein scheint. Es gibt auch3D-Eindruck, der normalerweise durch Erstellen von Schatten in zwei Farben erreicht wird, und diese Farben sind heller und dunkler alsUmriss-colorFarbe etwas heller und dunkler. |
| outset | Zeige einen Umriss im Gegensatz zum Effekt inset. Es gibt auch3D-Eindruck, der Umriss macht den Käfig so aus, als ob er aus dem Canvas herauskäme. |
| initial | Diese Eigenschaft auf den Standardwert setzen. |
| inherit | Wenn angegeben, wird der verknüpfte Element verwendet Umriss des Elternelements-Wert der style Eigenschaft. |
Umriss-Kompatibilität der style Eigenschaft der Browser, die Nummern in der folgenden Tabelle stellen die niedrigste Versionsnummer dar, die die Eigenschaft unterstützt; alle gängigen Browser unterstützen diese Eigenschaft.
|
Warnung: Internet Explorer 7und frühere Versionen unterstützen diesen Umriss nicht-style Eigenschaft. IE8Diese Eigenschaft wird unterstützt, aber eine<!DOCTYPE>.
Bitte参阅以下内容的教程：CSS Umriss,CSS Rahmen.
Verwandte Eigenschaften:Umriss,Umriss-color,Umriss-width.