outline

Overview

英 [?a?tla?n] US [?a?t?la?n]

offset

Offset

UK [??fset] US [??:fset ]

propriété CSS outline-offset syntaxe


Comment utiliser l'attribut outline-offset ? La propriété

outline-offset définit la distance entre le contour et le bord de la bordure. Syntaxe de base?: outline-offset:length?; indique que la distance entre le contour et la bordure est la longueur. L'unité de longueur peut être une unité absolue (telle que px) ou une unité relative (telle que %).

Fonction?: L'attribut outline-offset décale le contour et le dessine sur le bord de la bordure. Les contours diffèrent des bordures de deux manières?: les contours ne prennent pas de place et les contours peuvent être non rectangulaires.

Syntaxe?: outline-offset: length|inherit;

Description?: length La distance entre le contour et le bord de la bordure. Inherit spécifie que la valeur de l'attribut outline-offset doit être héritée de l'élément parent.

Remarque?: Tous les principaux navigateurs prennent en charge la propriété outline-offset, à l'exception d'Internet Explorer.

propriété CSS outline-offset exemple

<!DOCTYPE html>

<html>

<head>

<style> 

div{

margin:20px;

width:150px; 

padding:10px;

height:70px;

border:2px solid black;

outline:2px solid red;

outline-offset:15px;} 

</style>

</head>

<body>

<p><b>注釋：</b>Internet Explorer 和 Opera 不支持 support outline-offset 屬性。</p>

<div>這個(gè) div 在邊框邊緣之外 15 像素處有一個(gè)輪廓。</div>

</body>

</html>

Exécuter l'instance ?

Cliquez sur le bouton ??Exécuter l'instance?? pour afficher l'instance en ligne