, lister er meget nyttige i at formidle et sæt af enten nummereret eller hovedpunkterne.dette kapitel lærer dig at kontrollere liste type stilling, stil osv. ved hjælp af css. vi har følgende fem css egenskaber, og som kan anvendes til at kontrollere lister:,,,, liste stil type, giver dig mulighed for at kontrollere den form eller i form af markøren.,,,, - listen. position angives det, om en lang, der var en anden holdning, bør bringes i overensstemmelse med første linje eller start under start af markøren.,,,, liste stil image, angiver et billede for markør, snarere end en kugle eller nummer.,,,, liste stil, tjener som en forkortelse for den foregående egenskaber.,,,, - offset, angiver afstanden mellem en markør og angivet i den liste,.,,, vi vil se, hvordan du skal bruge disse egenskaber med eksempler. den liste, stil -pe ejendom, liste stil type, ejendom, kan du styre form eller en kugle (også kendt som en markør) i tilfælde af unordered lister og stil med nummerering tegn i bestilte lister. her er de værdier, som kan anvendes til en unordered liste − værdi beskrivelse ingen na disc (forvalgt værdi) i en fyldt i cirkel cirkel, en tom cirkel. en fyldt i square, her er de værdier, der kan anvendes til en ordentlig liste − værdi beskrivelse eksempel decimaltal 1,2,3,4,5 decimal foranstillet 0 0, før antallet 01, 02, 03, 04, 05 lavere alpha små alfanumeriske tegn, et, b, c, d, e, øvre alpha store alfanumeriske tegn, a, b, c, d, e, lavere romerske små romertalr i, ii, iii, iv, v, øvre romerske store romertal i, ii, iii, iv, v, lavere græske markøren er mindre græske alfa, beta gamma lavere latin markøren er lavere (a, b, c, d, e, øvre latinamerikanske markøren er øvre latinamerikanske a, b, c, d e hebraisk markøren er traditionelle hebraisk nummerering armenske markøren er traditionelle armenske nummerering georgiske markøren er traditionelle georgiske nummerering cjk ideographic markøren er klart ideographic numre hiragana markøren er hiragana a, i, e, e, o, ka, ki katakana markøren er katakana a, i, e, e, o ka, ki hiragana iroha markøren er hiragana iroha jeg, ro, ha, ni, ho, han, at katakana iroha markøren er katakana iroha jeg, ro, ha, ni, ho, han, at her er et example −, <html> <head> </head> <body> <ul style="list-style-type:circle;"> <li>Maths</li> <li>Social Science</li> <li>Physics</li> </ul> <ul style="list-style-type:square;"> <li>Maths</li> <li>Social Science</li> <li>Physics</li> </ul> <ol style="list-style-type:decimal;"> <li>Maths</li> <li>Social Science</li> <li>Physics</li> </ol> <ol style="list-style-type:lower-alpha;"> <li>Maths</li> < li > social science < /li > < li > fysik < /li > < /ol > < gamle stil = "liste stil type: lavere roman," > < li > matematik < /li > < li > social science < /li > < li > fysik < /li > < /ol > < /organ > < ///////html >,, det giver følgende resultat − listen stil holdning ejendom, liste stil holdning, ejendom, angiver, hvorvidt markør bør anføres i eller uden for kassen med hovedpunkterne.det kan være en af de to værdier og minus; værdi beskrivelse ingen na indenfor, hvis teksten går ind på en anden linje, tekst vil pakke under markør.det vil også være bestemt til, hvor teksten ville have startet, hvis listen havde en værdi af udenfor.udenfor, hvis teksten går ind på en anden linje, tekst vil være på linje med starten af første linje (til højre for den kugle).,Here is an example −, <html> <head> </head> <body> <ul style="list-style-type:circle; list-style-position:outside;"> <li>Maths</li> <li>Social Science</li> <li>Physics</li> </ul> <ul style="list-style-type:square;list-style-position:inside;"> <li>Maths</li> <li>Social Science</li> <li>Physics</li> </ul> <ol style="list-style-type:decimal;list-style-position:outside;"> <li>Maths</li> <li>Social Science</li> <li>Physics</li> </ol> < gamle stil = "liste stil type: lavere alpha; liste stil holdning: i;" > < li > matematik < /li > < li > social science < /li > < li > fysik < /li > < /ol > < /organ > < /html >,, det giver følgende resultat − listen stil image ejendom, liste stil image, giver dig mulighed for at angive et billede, så du kan bruge din egen kugle stil.syntaksen svarer til baggrund image ejendom med bogstaverne url fra ejendommens værdi, efterfulgt af url i parentes.If it does not find the given image then default bullets are used.,Here is an example −, <html> <head> </head> <body> <ul> <li style="list-style-image: url(/images/bullet.gif);">Maths</li> <li>Social Science</li> <li>Physics</li> </ul> <ol> <li style="list-style-image: url(/images/bullet.gif);">Maths</li> <li>Social Science</li> <li>Physics</li> </ol> </body> </html> , ,It will produce the following result −, ,The list-style Property,The ,list-style, allows you to specify all the list properties i et enkelt udtryk.These properties can appear in any order.,Here is an example −, <html> <head> </head> <body> <ul style="list-style: inside square;"> <li>Maths</li> <li>Social Science</li> <li>Physics</li> </ul> <ol style="list-style: outside upper-alpha;"> <li>Maths</li> <li>Social Science</li> <li>Physics</li> </ol> </body> </html> , ,It will produce the following result −, ,The marker-offset Property,The ,marker-offset, property allows you to specify the distance between the marker and the text relating todet mærke.Its value should be a length as shown in the following example −,Unfortunately, this property is not supported in IE 6 or Netscape 7.,Here is an example −, <html> <head> </head> <body> <ul style="list-style: inside square; marker-offset:2em;"> <li>Maths</li> <li>Social Science</li> <li>Physics</li> </ul> <ol style="list-style: outside upper-alpha; marker-offset:2cm;"> <li>Maths</li> <li>Social Science</li> <li>Physics</li> </ol> </body> </html> , ,It will produce the following result −, ,
css lister
Previous:css margener
Next Page:css paddings