Propriétés de liste de CSS

English | French | Portugese | Dutch | Italian

Online

|

|

|

Téléchargements

|

|

Au sujet de nous

HTML Tutorials

TCP/IP Tutorial

XML Tutorials

Schema Tutorial

XForms Tutorial

XSL-FO Tutorial

XML DOM Tutorial

XQuery Tutorial

XPointer Tutorial

Web Services Tutorial

Browser Scripting

JavaScript Tutorial

VBScript Tutorial

HTML DOM Tutorial

WMLScript Tutorial

Server Scripting

PL/SQL Tutorial

.NET (dotnet)

Multimedia

Photoshop Tutorial

Gnuplot Programming

GIF Animation Tutorial

Scientific Visualization Tutorial

Web Building

Weblogic Tutorial

Web Site Hosting

Java Tutorials

Servlets Tutorial

Struts Tutorial

Programming Langauges

Visual Basic Tutorial

Data Structures Using C

Assembly Language

Forth Programming

Lisp Programming

Data Warehousing

CGI Programming

Soft Skills

Communication Skills

Time Management

Project Management

Leadership Skills

Corporate Communication

Negotiation Skills

Database Tutorials

Operating System

IP-Masquerading

Software Testing

SAP Module

Business Warehousing

Material Management

Sales & Distribution

Customer Relationship Management

Production and Planning

Networking Programming

Networking Tutorial

Microsoft Office

Microsoft Outlook

Microsoft PowerPoint

Microsoft Publisher

Microsoft Excel

Microsoft Front Page

Microsoft InfoPath

Microsoft Access

Accounting

Financial Accounting

Managerial Accounting

Propriétés de liste de CSS

Previous

Next

Il y a deux types de listes CSS :

non commandé et

passé commande.

Cependant, par rapport au HTML, le CSS tient compte d'autres de personnalisations des listes, avec l'allocation pour que les images soient employées comme balles dans les listes non commandées.

Type de modèle de liste de CSS

Tout que vous devez faire est de choisir un modèle différent pour vos listes, si la numérotation de défaut des listes commandées, ou les balles/disques des listes non commandées, puis, si vous voulez employer quelque chose de différent. Le CSS te permet de choisir parmi une grande variété de différentes formes d'article de liste.

Modèles non commandés de liste : place, cercle, disque (défaut), et aucun
Modèles commandés de liste : supérieur-alpha, bas-alpha, supérieur-romain, bas-romain, décimal (défaut), et aucun

Code de CSS

ol { list-style-type: upper-roman; }
ul { list-style-type: circle; }

Listes de CSS avec des images

Comme nous avons énoncé dans l'introduction, vous pour insérer une image au lieu des balles normales, liste de CSS utilisée.

Un bon choix pour une image de balle une qui est graphique relativement simple/plat et est plus petite que la taille de votre texte.

Code de CSS

ul { list-style-image: url("listArrow.gif"); }
ol { list-style-image: url("listArrow2.gif"); }

Position de liste de CSS

Il est possible de changer l'impression qui a lieu avec vos articles de liste en utilisant le CSS.

Voir l'exemple ci-dessous pour le tour de denteler vos listes. En indiquant l'impression, vous pouvez seulement employer des keyterms.

ul { list-style-position: inside; }
ol { list-style-position: outside; }

Les différents marqueurs de liste-article dans les listes non commandées

Code de CSS

<html>
<head>
<style type="text/css">
ul.disc {list-style-type: disc}
ul.circle {list-style-type: circle}
ul.square {list-style-type: square}
ul.none {list-style-type: none}
</style>
</head>

<body>
<ul class="disc">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>

<ul class="circle">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>

<ul class="square">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>

<ul class="none">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</body>

</html>

La table follwing décrivent les propriétés de liste :

Property	Description	values
list-style	A shorthand property for setting all of the properties for a list in one declaration	list-style-type list-style-position list-style-image
list-style-image	Sets an image as the list-item marker	none url
list-style-position	Sets where the list-item marker is placed in the list	inside outside
list-style-type	Sets the type of the list-item marker	none disc circle square decimal decimal-leading-zero lower-roman upper-roman lower-alpha upper-alpha lower-greek lower-latin upper-latin hebrew armenian georgian cjk-ideographic hiragana katakana hiragana-iroha katakana-iroha
marker-offset		auto length

Previous

Next

Keywords: css list style, css list padding, css tutorials, cascading style sheets

HTML Quizes

XML Quizes

Web Services Quiz

Browser Scripting Quizes

JavaScript Quiz

Server Scripting Quizes

Apple Script Quiz

SQL Server Quiz

.NET (dotnet) Quizes

Microsoft.Net Quiz

.Net Mobile Quiz

C# : C Sharp Quiz

Multimedia Quizes

Gnuplot Programming Quiz

GIF Animation Quiz

Scientific Visualization Quiz

Web Building Quizes

Web Browsers Quiz

Web Hosting Quiz

Web Building Quiz

Web Quality Quiz

Web Semantic Quiz

Web Careers Quiz

Web Site Hosting Quiz

Domain Name Quiz

Java Quizes

Programming Langauges Quizes

Visual Basic Quiz

Data Structures Using C Quiz

Assembly Language Quiz

Forth Programming Quiz

Lisp Programming Quiz

Data Warehousing Quiz

CGI Programming Quiz

Soft Skills Quizes

Communication Skills Quiz

Time Management Quiz

Project Management Quiz

Leadership Skills Quiz

Corporate Communication Quiz

Negotiation Skills Quiz

Database Quizes

Operating System Quizes

IP-Masquerading Quiz

Software Testing Quizes

SAP Module Quizes

Business Warehousing Quiz

Material Management Quiz

Sales & Distribution Quiz

Human Resource Quiz

Customer Relationship Management Quiz

Production and Planning Quiz

Networking Programming Quizes

Networking Quiz

Microsoft Office Quizes

Microsoft Word Quiz

Microsoft Outlook Quiz

Microsoft PowerPoint Quiz

Microsoft Publisher Quiz

Microsoft Excel Quiz

Microsoft Front Page Quiz

Microsoft InfoPath Quiz

Microsoft Access Quiz

Accounting Quizes

Financial Accounting Quiz

Managerial Accounting Quiz

Copyright © 2003-2024 Vyom Technosoft Pvt. Ltd., All Rights Reserved.