propriété CSS outline-offset
Résultats de traduction:
outline
Overview
英 [ˈaʊtlaɪn] US [ˈaʊtˌlaɪn]
offset
Offset
UK [ˈɒfset] US [ˈɔ:fset ]
propriété CSS outline-offsetsyntaxe
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-offsetexemple
<!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>这个 div 在边框边缘之外 15 像素处有一个轮廓。</div> </body> </html>
Exécuter l'instance »
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne