Les llistes CSS són molt útils per assolir un conjunt de punts numerats o amb pics. Aquest article us mostrarà com controlar el tipus, la posició i l'estil de mitjançant CSS. Els següents indicadors es tractaran aquí,
- Propietats CSS
- La propietat tipus llistat
- Llistes CSS: programa de mostra
- Valors de marcador per aA la propietat de posició d'estil de llista
Comencem doncs,
Llistes CSS
Propietats CSS
Hi ha cinc propietats CSS diferents en què podeu utilitzar-les per controlar les llistes:
- Tipus d’estil de llista: ens permet controlar la forma o l’aspecte del marcador.
- Llista-estil-posició: especifica que es necessita un punt llarg per ajustar-se a una segona línia o bé s’ha d’alinear amb la primera línia o començar amb el marcador.
- Imatge d'estil de llista: especifica que s'hauria d'afegir o fer més atractiva una imatge per al marcador en lloc de les vinyetes o punts numerats.
- Estil de llista: mostra la abreviatura de les propietats anteriors.
- Desplaçament del marcador: especifica la distància entre el marcador i el text introduït a la llista.
Aquí la llista més utilitzada és: list-style-type i list-style-position. S'explica a continuació
Continuem amb aquest article sobre les llistes CSS
La propietat tipus llistat
A la propietat de tipus d’estil de llista, us permetrà controlar la forma i l’estil dels punts vius o del marcador en el cas de llista sense ordenar. En el cas de llista ordenada, es tracta de numeració de caràcters.
A sota de la taula que representa les llistes no ordenades:
| Valor | Descripció |
| Cap | NA |
| Disc | Es completa el cercle. (Per defecte) |
| Cercle | És un cercle buit. |
| Quadrat | S'emplena a la plaça. |
A sota de la taula que representa les llistes ordenades:
| Valor | Descripció | Exemple |
| Decimal | És un número | 1,4,3 |
| Cero inicial decimal | 0 abans del número real | 01, 04, 03 |
| Alfa inferior | Es tracta de caràcters alfanumèrics en minúscula. | a, b, c, d |
| Alfa superior | Es tracta de caràcters alfanumèrics en majúscules. | A, B, C, D |
| Baix-romà | Les seves xifres romanes són minúscules. | i, ii, iii, iv, v |
| Altromà | Es tracta de números romans en majúscules. | I, II, III, IV, V |
| Grec inferior | El marcador està en grec inferior | alfa, gamma |
| Llatí baix | El marcador està en llatí baix | a, b, c, d |
| Llatí superior | El marcador està en llatí superior | A, B, C, D |
Continuem amb aquest article sobre les llistes CSS
Llistes CSS: programa de mostra
- Java
- Python
- angular
- Java
- Python
- angular
- Java
- Python
- angular
- Java
- Python
- angular
- Java
- Python
- angular
Sortida
ordenació d'algorisme c ++
Continuem amb aquest article sobre les llistes CSS
La propietat de la llista de l'estil de posició
Valors de marcador per a la propietat de posició d'estil de llista
A la propietat de posició d'estil de llista, mostra que el marcador ha d'aparèixer dins o fora de la caixa que conté les vinyetes. Això pot tenir un dels dos valors:
| Valor | Descripció |
| Cap | NA |
| Dins | En aquest cas, si el text va a la segona línia, el text s'embolicarà a sota del marcador i també mostrarà on hauria començat el text si les llistes tinguessin una vall fora. |
| fora | En aquest cas, si el text entra a la segona línia, el text s’alinea amb l’inici de la primera línia. |
Exemple:
- Matemàtiques
- Ciència social
- Física
- Matemàtiques
- Ciència social
- Física
- Matemàtiques
- Ciència social
- Física
- Matemàtiques
- Ciència social
- Física
Sortida
Això ens porta al final d’aquest article sobre les llistes CSS.
Consulteu el nostre que inclou formació en directe dirigida per un instructor i experiència en projectes reals. Aquesta formació us permet dominar les habilitats necessàries per treballar amb tecnologies web d’interfície i front-end. Inclou formació sobre desenvolupament web, jQuery, Angular, NodeJS, ExpressJS i MongoDB.
Tens alguna pregunta? Si us plau, mencioneu-lo a la secció de comentaris de l’article i us respondrem.