Cheat Agahdarî: How to indent CSS text

çavkaniyê binirxîne Web by users ji bo banga dîtbarî xwe dibinin. Ji ber vê yekê, heta agahî text kêrhatî ne bi were ji ber ku ew bi eksê dîzaynkirin xwendin. Encam - pêwîstî bi baldarî û baldariya xwe ne tenê ji bo naveroka semantic ji pages, di heman demê de jî ji bo meteryalên xwe. The advent ji teknolojiya CSS di vî warî de ji xalên balkêş zêde bûye. Yek ji taybetiyên, ye, lewma ji bo hêsantir têgihîştina wê de hatiye nivîsîn: - indent text CSS.

Margin û padding: çi ferq e?

Berî ku hun dest bi teşe text, divê tu çi margins û padding fêm bikin. Bi tevî, ku ev element markup di hin rewşan de binêrin, eynî bi user, cudahiyên bingehîn di navbera wan de heye:

• qada navborî milkê padding, indent - margin;
• qadê ji aliyê Ferqa di navbera naveroka û ţermezarkirin block, a space biryar da - di navbera sînorên blokan de parvekiriye;
• qadê dikare wekî hêmana ku di size (width û height) û tune hesibandin.

malê margin

Bi vî awayî, ji bo danîna ser text padding CSS horizontal an vertical, bi kar tînin margin design de. Ev xanî ji bo tag

belge paragraf master derbas dibe. Di sadetirîn doza, dikare weke hatiye nivîsîn:

margin: 12px.

Ev xeta wê wateyê ku li dora block ji text (an jî block din) li ser hemû aliyan de ku di indentation danîn 12 pixels. Zêdekirina interval, ji bo nimûne, sê caran têra xwe binivîse e:

margin: 36px.

Lê eger di navbera blokên ji interval divê li her aliyê cuda be? Pêşdebirên Webê bi kar tînin de çend formên records:

1. margin: 11px 22px.
2. margin: 11px 22px 33px.
3. margin: 11px 22px 33px 44px.

ji aliyê 22 pixel - Di mînaka yekem de, li indentation 11 pixel bi ji sînorên nizimtir û jorîn a block li ser aliyên asteng kirin,. Li gorî ji bo ku yekîneyeke record duyemîn di navbera qiraxa jorîn û naveroka wê bibe 11 pixel, di navbera kêmtir - 33 pixel li her aliyekî - by 22 pixels. Di doza CSS text indent sêyem wê ji bo nirxa 11 pixel ji top, aliyê rastê 22 pixel, 33 pixel û 44 pixel ji milê çepê bottom hene.

margin-top, margin-bottom: Also License de şiyana difa ku ji dûr ve boundary block ya li ser bi tenê yek alî ye ,-margin hiştin, margin-right. Wergera navên milkên bi zimanê Rûsî, lê bi hêsanî li ser tayînkirina wan texmîn e. Ji bo nimûne, entry jêr dide nîşandan, ku indentation li ser mafê wê wekhev ji 22 pixel be:

margin-right: 22rh.

Ji bo ji dûr ve mayî li dor aliyên block tê texmînkirin, ku ew ji bo nirxê element bav wekhev.

malê reqîbê taybetmendiyên ku pêşvebirinê divê bi bîr bînin ku bi bikaranîna text CSS dostîniya vertically. Mesafeya hêmanên de parvekiriye bi kurtî ne, û yên zordar dike ser hev û din. Ji bo nimûne, guman dikin ku yek ji yekîneyên heye margin-bottom: 15px, û li jêr vê blokê de parvekiriye. Margin-top: 35px. Dallas School û hesta hevbeş dîkta yên ku spacing giştî di navbera wan de dê bibe 50 pixel. Di pratîkê de jî ne. A block bi nirxê mezin a margin malê «ferxikên" cîranê xwe. Di encama vê çalakiyê de, interval di navbera hêmanên 35 pixel e.

"Sor" line

Making belgeya ku di sererastkerê nivîsê, bikarhêner tercîh ji hev pirsîn, paragraf nû bi xeta "sor". bikaranîna text-indent design - Bikaranîna CSS indent qutiya li milê çepê hêsan e. hatiye nivîsîn wekî vê:

mso-bidi-: 11px.

Ku xeta pêşî ya di paragrafa guhert, ji bo xizmên dengên çepê 11 pixels. Ji bo ku di qutiya li malpera nêrî zêdetir wek belge di editor, divê tu an rastderxistina din saz bike, ku ye, binivîsin:

mso-bidi-: 11px;

text-align: center.

Li gel pixel, di description of bikaranîna din Yekîneyên markup - inch îdîa dike ji sedî. Bila li beşa xwedî indentation text CSS ji% 10. Dema ku width ji block of 500 pixel, xeta sor wê bibe 50 pixel (10% 500).

Ji bo vê malê dikare bê pêşangehê de nirxê mîras bistîne. Ev record dibêje, ku li beşa tîne malê mîna yên yekîneya bav.

mso-bidi-: mîras bistîne.

Matmayî, bi indentation dikarin li ser nirxên neyînî bigire! Di vê rewşê de, li gel bi destê ku bi navê avakirin, ku ji text bingehîn di cihê xwe de dimîne, û xeta yekem bi 22 pixel ji hiştin guhert:

mso-bidi-: -22px.

Tîpên bi ser sînorê çepê browser derbas ne, ji bilî li ser text-indent bê bikaranîn, ji bo danasîna struktura warê:

padding-left: 22px.

helpful

The taybetmendiyên bingehîn CSS bo laperegeri text tên hesibandin. Û sererast ji wan re alîkarî pratîkê de. Li vir çend tips dawî li ser ku çawa serî lê maddî hîn di pêşketina web in:

• xeta sor û indentation ji text - têgehên cuda, û milkên cuda tê bikaranîn ji bo rêberî wan;
• qaîdeyên indentation vertical ma matematîk derbas nabe - navberan û PAJKê, "serdikeve" element bi nirxê mezintir;
• indentation neyînî tê bikaranîn ji bo nîşan bide ku xeta yekem ya di paragrafa bi image.