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é

bottom

Anglais[ˈbɒtəm] US[ˈbɑ:təm]

n Bottom end; hip end

adj. ; découvrez la vérité

vi. Atteindre le fond ; établir la fondation

Troisième personne du singulier : bottoms Pluriel : bottoms Participe présent : bottoming Passé : bottomed Participe passé : bottomed

left

Anglais [gauche] US [lɛft]

adj. Gauche, côté gauche

n gauche, gauche [militaire], radical

à gauche; et participe passé de congé)

pluriel : gauches

rayon

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

n.radius rayon rayon (distance) ;

pluriel : rayons

bordure css-bas-gauche-radius syntaxe

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

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

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

Remarque : La valeur de longueur et la valeur en pourcentage de la propriété border-bottom-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.

bordure css-bas-gauche-radius exemple

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

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

</body>
</html>

Exécuter l'instance »

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