border

English [ˈbɔ:də(r)] US [ˈbɔ:rdə(r)]

n. bordure; bordure d'emballage

vt.& vi. le côté de...

vt. Le long du côté de..., autour de..., bordant...

vi Approximativement, adjacent à

Troisième personne du singulier : frontières Pluriel : frontières Participe présent : bordant Passé. temps : bordé Participe passé : bordé

top

Anglais [tɒp] US [tɑ:p]

n Haut, haut (boîte) couverture, (pages du livre, etc.) colonne supérieure ;

adj. Le plus haut ; de première classe ; le plus grand

vt ; atteignant le sommet de... ; dominant

vi. terminaison

Troisième personne du singulier : tops pluriel : tops Participe présent : topping Passé : topped Participe passé : topped

left

Anglais [gauche] US [lɛft]

adj Gauche, gauche

n. . Gauche, gauche; aile gauche [militaire] , radical

adv à gauche

v pour partir (passé et participe passé de partir) .

Anglais [ˈreɪdiəs] US [ˈrediəs]

n rayon ; plage de rayon (distance) ;

propriété CSS border-top-left-radius syntaxe

Fonction : Définissez la forme de la bordure du coin supérieur gauche.

Syntaxe : border-bottom-right-radius : length|% [length|%];

Description : length définit la forme du coin supérieur gauche. % définit la forme du coin supérieur gauche sous forme de valeur en pourcentage.​

Remarque : La valeur de longueur et la valeur en pourcentage de la propriété border-top-left-radius définissent le rayon (rayons) du quart d'ellipse (la forme du coin qui définit le bord de la bordure extérieure). La première valeur est le rayon horizontal et la deuxième valeur est le rayon vertical. Si la deuxième valeur est omise, la première valeur est copiée. Si la longueur est nulle, les coins sont carrés et non ronds. Les valeurs en pourcentage pour le rayon horizontal font référence à la largeur de la zone de bordure, tandis que les valeurs en pourcentage pour le rayon vertical font référence à la hauteur de la zone de bordure.

propriété CSS border-top-left-radius exemple

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
border:2px solid;
padding:10px;
background:#dddddd;
border-top-left-radius:2em;
-webkit-border-top-left-radius:2em; /* Safari */
}
</style>
</head>
<body>

<div>border-top-left-radius 属性允许您向左上角添加圆角边框。</div>

</body>
</html>

Exécuter l'instance »

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