Propriété de décalage de contour css3


  Résultats de traduction:

outline

Anglais [ˈaʊtlaɪn] Américain [ˈaʊtˌlaɪn]

n Aperçu, contour, contour, brouillon, points clés, principes principaux ; forme, contour, ligne de contour, méthode de dessin de contour, croquis (méthode de dessin)

vt .Outline; contour, contour, croquis, croquis

Troisième personne du singulier : contours Pluriel : contours Participe présent : décrivant Passé : décrit Participe passé : décrit

offset

Anglais [ˈɒfset] Américain [ˈɔ :fset]

vt. Compenser; juxtaposer (ou juxtaposer) (à des fins de comparaison); installer des tuyaux de dérivation pour (tuyaux, etc.)

vi. Début ; départ ; lithographie ; compensation

adj. branche ; décalage ; début

Troisième personne du singulier : offsets participe présent : offset passé : offset

Propriété de décalage de contour css3syntaxe

Fonction : Décalez le contour et dessinez le contour au-delà du bord de la bordure.

Explication : Le contour est différent de la bordure en deux points : le contour n'occupe pas d'espace et le contour peut être non rectangulaire

La propriété CSS3 Outline Offset signifie décaler le contour et le dessiner sur le bord de la frontière. Définissez la distance entre le contour et le bord de la bordure via la valeur de longueur

Propriété de décalage de contour css3exemple

<!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

Maison

vidéos

Questions et réponses