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