propriété css list-style-position


  Résultats de traduction:

list

Anglais [lɪst] US [lɪst]

n Liste, catalogue ; bord du tissu, extrémité du tissu ; liste, inclure ; enregistrer dans la liste À l'intérieur

vi Listé sur la table

Troisième personne du singulier : listes Pluriel : listes Participe présent : listing Passé : listé Participe passé : listé

style

Anglais [staɪl] Américain [staɪl]

n. Way; style; apparence, goût

vt. Titre; forme pour...

vi. : styles Pluriel : styles Participe présent : style Formule passée : styled Participe passé : styled

position

Anglais [pəˈzɪʃn] Américain [pəˈzɪʃən]

n Position, direction, position; .Placer; mettre... dans la position appropriée; Positionner...; stationner des troupes

Troisième personne du singulier : positions Pluriel : positions Participe présent : positionnement Passé : positionné Participe passé : positionné

propriété css list-style-positionsyntaxe

Fonction : Définissez où placer la marque de l'élément de liste.

Description : Cet attribut est utilisé pour déclarer la position de la marque de liste par rapport au contenu de l'élément de liste. Le drapeau extérieur est placé à une certaine distance de la bordure de l'élément de liste, mais cette distance n'est pas définie en CSS. Les indicateurs internes sont traités comme s'il s'agissait d'éléments en ligne insérés au début du contenu de l'élément de liste.

Remarque : Tous les navigateurs prennent en charge l'attribut list-style-position.

propriété css list-style-positionexemple

<html>
<head>
<style type="text/css">
ul.inside 
{
list-style-position: inside
}

ul.outside 
{
list-style-position: outside
}
</style>
</head>

<body>
<p>该列表的 list-style-position 的值是 "inside":</p>
<ul class="inside">
<li>Earl Grey Tea - 一种黑颜色的茶</li>
<li>Jasmine Tea - 一种神奇的“全功能”茶</li>
<li>Honeybush Tea - 一种令人愉快的果味茶</li>
</ul>

<p>该列表的 list-style-position 的值是 "outside":</p>
<ul class="outside">
<li>Earl Grey Tea - 一种黑颜色的茶</li>
<li>Jasmine Tea - 一种神奇的“全功能”茶</li>
<li>Honeybush Tea - 一种令人愉快的果味茶</li>
</ul>
</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