Proprietà della lista di CSS

English | French | Portugese | Dutch | Italian

in linea

|

Codici sorgente

|

|

Trasferimenti dal sistema centrale verso i satelliti

|

Metterseli in contatto con

|

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

Proprietà della lista di CSS

Previous

Next

Ci sono due tipi di liste CSS:

unordered e

ordinato.

Tuttavia, rispetto al HTML, il CSS tiene conto ulteriori adattamenti delle liste, con il permesso affinchè le immagini sia usato come le pallottole in liste unordered.

Tipo di stile della lista di CSS

Tutto che dobbiate fare è di scegliere uno stile differente per le vostre liste, se la numerazione di difetto delle liste richieste, o le pallottole/dischi delle liste unordered, allora, se state desiderando usare qualche cosa di differente. Il CSS permette che scegliate da un'ampia varietà di figure differenti dell'articolo della lista.

Stili Unordered della lista: quadrato, cerchio, disco (difetto) e nessun
Stili ordinati della lista: superiore-alfa, basso-alfa, superiore-romano, basso-romano, decimale (difetto) e nessun

Codice di CSS

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

Liste di CSS con le immagini

Come abbiamo dichiarato nell'introduzione, voi per inserire un'immagine al posto delle pallottole normali, lista di CSS usata.

Una buona scelta per un'immagine della pallottola una che è grafico relativamente semplice/normale ed è più piccola dell'altezza del vostro testo.

Codice di CSS

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

Posizione della lista di CSS

È possibile alterare la rientranza che avviene con i vostri articoli della lista usando il CSS.

Vedere l'esempio qui sotto per il trucco della rientranza delle vostre liste. Nel specificare la rientranza, potete usare soltanto i keyterms.

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

Gli indicatori differenti dell'lista-articolo nelle liste unordered

Codice di 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 tabella follwing descrive le proprietà della lista:

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.