Vrlo je jednostavno postaviti razmak između redaka u CSS-u. Za to postoji posebno svojstvo. Ali, naravno, postoje mnoge druge opcije koje su univerzalne i koje se mogu primijeniti na tekst.
Ako nema postavki, postavljaju se zadane vrijednosti. Ovu udaljenost možete promijeniti ako želite. Vrijednost može biti u postocima ili u pikselima.
Visina linije
U CSS-u se razmak između redaka može prikazati sljedećom slikom.
Gornja slika prikazuje parametre s odgovarajućim udaljenostima. Tekst je u prostoru veličine fonta. Imajte na umu da redak teksta ne počinje od podnožja, već nešto više. Prostor ispod je predviđen za slova koja imaju elemente ispod (g, y itd.).
Imajte na umu da se razmak između blokova veličine fonta naziva vodeći. U HTML-u i CSS-u ovo svojstvo se ne pojavljuje ni na koji način, ali postoji u drugim grafičkim i tekstualnim uređivačima. Na primjer, u Adobe Photoshopu.
Gornja slika pokazuje gdje u Photoshopu možete odrediti vodeći. A pored njega je parametar veličine fonta.
Primjeri korištenja visine linije
U CSS-u se razmak između redaka može postaviti na postotke. Dolje je prikazan ilustrativan primjer.
U slučaju male vrijednosti, korisniku vaše stranice bit će nezgodno čitati.
Udaljenost se može mijenjati i veličina fonta. Ako se razlika između glavnih parametara uvelike razlikuje u brojevima, tada se ta razlika nadoknađuje povećanjem vođenja.
Suptilnosti dizajna
U CSS-u se razmak između redaka može dodatno prilagoditi raznim uvlakama. Razmotrimo primjer na slici.
U polju "Element" u našem slučaju bit će tekst. Padding je padding unutar objekta, a margina je padding iza objekta. Bord je okvir. Može biti 0 piksela ili 100.
Sljedeća slika prikazuje sav padding, obrub i visinu reda teksta odjednom.
Ako je vaš tekst mali, samo jedan redak ili je svaki redak u zasebnom odlomku, tada se udaljenost može prilagoditi uvlačenjem između ovih odlomaka. To jest, maring i padding između redaka u istom elementu nemaju učinka. Oni samo stvaraju podloge oko rubova objekta. Objekt je cijeli odlomak, a ne retke u njemu. Ovdje je važno da se ne zbunite.
U slučajevima kada ima mnogo redaka, a sve se to nalazi u jednom objektu, preporuča se promijeniti font s glavnim parametrima.
Kako povećati razmak između CSS redaka
Udaljenost između HTML redaka može se dodijeliti nekoj klasi ili svim odlomcima u tekstu. Ako odredite ovako: p ( line-height:20px; ), tada će apsolutno svi odlomci na stranici biti s redovima veličine 20 piksela. Ako trebate različite veličine na različitim mjestima, preporuča se učiniti kako slijedi.
Pišemo stilove.
Klasa1 (visina reda:20px;)
Klasa 2 (visina linije:16px;)
Klasa3 (visina reda:12px;)
Radi jasnoće, dodajmo okvir tako da možete vidjeti da ovo funkcionira. U budućnosti se mora ukloniti.
Imajte na umu da je u trećem slučaju traka prelazila preko teksta. Sve zbog činjenice da je veća od visine linije. Stoga je važno osigurati da nema takvih proturječnosti. Ako visinu reda učinite malom, smanjite font u skladu s tim.
Ne preporučuje se da tekst bude premalen i mali razmak između redaka. Budući da nijedan korisnik ne može sve ovo sigurno pročitati. Oči će mu se brzo umoriti. Tražilice također kažu da bi tekst trebao biti prilagođen korisniku.
Štoviše, nedavno je veliki naglasak stavljen na praktičnost za mobilne korisnike. Tamo smjernice uvijek kažu da veličina slova treba biti normalna, a ne mala. To posebno vrijedi za veze. Uz njihovu malu veličinu, korisniku će biti teško koristiti navigaciju web-mjesta.
Google tražilica ima poseban alat koji pomaže u ovoj analizi. Vrlo je zgodan za webmastere.
Evo primjera rezultata koji bi mogli biti.
Osnove rada s alatima grupe Tekst u Photoshopu: upravljačka ploča, postavke, funkcije i mogućnosti.
Na alatnoj traci ispod gumba sa slovom "T" nalazi se grupa. Otvaramo ga na bilo koji način:
- klikom na crni donji desni kut ikone;
- klikom na ikonu desnom tipkom miša
Tekst možete aktivirati pritiskom na tipku T (ruski E) na tipkovnici. I nije važno kakav je raspored tipkovnice u ovom trenutku. Dok držite pritisnutu tipku Shift, pritiskom na tipku "T" nekoliko puta naizmjenično će se aktivirati sva četiri alata ove grupe.
Sl. 1. Grupa alata za tekst
Ovdje je sve intuitivno.
- Horizontalno - za stvaranje poznatog zapisa u vodoravnom položaju.
- Okomito - Pozicionira naljepnicu od vrha do dna.
- i 4. Kreirajte brze maske s horizontalnim i okomitim odabirom.
Najčešće se koristi horizontalni smjer.
Tekst upravljačke ploče alatne trake
Kada je alat aktivan, gornja upravljačka ploča izgleda ovako:
sl.2. Gornja upravljačka alatna traka Tekst
Photoshop CS6 predstavio je izbornik Font koji sadrži nekoliko opcija za postavke. Ovo će biti u drugom članku. Pogledajmo sada postavke gornje upravljačke ploče.
Pažnja! Bolje je postaviti sve postavke gornje ploče za alate za tekst u Photoshopu prije nego upišete natpis. No, kasnije će biti moguće napraviti izmjene, tako da prvo odaberete tekst ili njegov dio koji treba promijeniti.
- Iznad broja 1 sl.2 – spremanje parametara. Vrlo zgodna značajka za spremanje postavki (naziv fonta, veličina itd.) ako se morate povremeno vraćati na njih ili prije rasteriziranja tekstualnog sloja.
Kliknite na malu strelicu da otvorite prozor. Odaberite "Novi skup opcija za alat. Otvara se drugi prozor u kojem možete odrediti naziv za parametar. Pritisnemo OK. Urednik pamti postavke.
sl.3. Spremanje opcija teksta u Photoshopu
Na popisu se pojavljuje novi redak. Radi jasnoće, u prethodnom koraku uveden je naziv "Primjer novog spremanja".
sl.4. Spremljene postavke
Sada, kako biste na ploči postavili sve vrijednosti koje su bile pri spremanju, trebate kliknuti na ovaj redak.
Da biste izbrisali liniju, kliknite je desnom tipkom miša i odaberite Izbriši.
- Iznad broja 2 Slika 2 - promijeniti orijentaciju teksta. Pritiskom na tipku sa slovom T i strelicama - smjer natpisa se mijenja iz horizontalnog u vertikalni i obrnuto. Ne zaboravite da ovaj sloj teksta mora biti aktivan u paleti slojeva.
- Iznad broja 3 Slika 2 - fontom. Klikom na gumb sa strelicom otvara se cijeli popis fontova dostupnih na računalu. Možete odabrati željeni s popisa ili ga unijeti ručno u okvir, a zatim pritisnuti Enter.
- Iznad broja 4 Slika 2 - stil fonta. Gumb sa strelicom otvara popis stilova koje podržava odabrani font. Ako je gumb onemogućen, tada odabrani font podržava samo jedan predloženi stil.
- Iznad gumba 5 Slika 2 - veličina fonta zvani Kegl. Padajući popis nudi opcije od 6 do 72 piksela. Bilo koju vrijednost možete unijeti u okvir ručno, a zatim pritisnite Enter. Dovoljno je unijeti samo brojeve, a urednik će automatski staviti slova "pt".
Veličinu možete odabrati na sljedeći način: pomaknite pokazivač ulijevo od prozora kada je u obliku prsta sa strelicama, držite pritisnut lijevim mišem i povucite udesno za povećanje veličine ili ulijevo za smanjenje . U prozoru će se promijeniti brojčana vrijednost. Čim pustite miš, veličina teksta će se promijeniti.
- Iznad broja 6 sl. 2 - stil fonta. Klikom na ovaj gumb otvara se popis stilova koje odabrani font podržava: kurziv, podebljan, podebljan... Ne podržavaju svi fontovi potpuni popis stilova, pa može postojati različit broj opcija. Ako gumb nije aktivan, tada odabrani font podržava samo jedan predloženi stil.
- Iznad broja 7 sl. 2 - poravnanje teksta s jedne strane ili u sredini. Gumbi rade isto kao u Word dokumentu. Postavke se nalaze na ploči odlomak. Pročitajte o tome u nastavku.
- Iznad broja 8 sl. 2 - izbor boja. Okvir prikazuje boju koja će biti primijenjena na tekst. Možete ga promijeniti tako da kliknete na ovaj okvir i odaberete bilo koji drugi u paleti koja se otvori. Ako je tekst već unesen, najprije se mora odabrati.
- Iznad broja 9 sl. 2 - iskrivljavanje teksta. Kliknite na ovaj gumb, zatim otvorite stilove i pred nama su razne opcije deformacije. Eksperiment.
sl.5. Iskrivljenje teksta
- Iznad broja 10 Slika 2 - otvara / zatvara ploče Znak, stav. Više o ovome.
Znak panela, stavak
Otvorite ploče za znakove i odlomke u Photoshopu pomoću gumba na gornjoj upravljačkoj ploči ili na desnoj ploči. Ako nisu bili na desnoj ploči, uključite put izbornika Prozor - odaberite Simbol ili Paragraf. Odgovarajuće ikone pojavljuju se na desnoj ploči. Ako su obje odabrane, pojavit će se dvije ikone iste grupe, ali kada otvorite bilo koju od njih, u prozoru će biti dvije kartice za jednostavno prebacivanje između ovih panela.
Pažnja! Ploča znakova, kada radite s alatima u grupi Tekst, ima prednost u odnosu na ploču odlomak.
sl.6. Znak panela, stavak
Simbol ploče
Neke od postavki na ovoj kartici dupliciraju funkcije gornje upravljačke ploče i o njima se već raspravljalo. Nećemo ponavljati. Vrijednosti u njima bit će postavljene na iste koje ste postavili na gornjoj ploči - font, njegova veličina itd.
Ostalo je prikazano na slici 6 iznad:
- Razmak između redova. Određuje razmak između redaka.
- Kerning za ispravljanje razmaka između dva znaka. Na primjer, od cijelog teksta samo dva znaka treba pomaknuti bliže ili dalje jedan od drugog. Postavimo kursor između njih, otvorimo popis i odaberemo željenu opciju ili je ručno unesemo u okvir.
- Međuznakovni razmak za postavljanje razmaka između znakova teksta.
- Vertikalna ljestvica za povećanje/smanjenje visine znakova postavlja se kao postotak. Broj se ručno upisuje u okvir. Znak % može se izostaviti, Photoshop će ga automatski staviti čim pritisnete Enter.
- Skala vodoravno proširuje/stišće liniju. Kao i prethodni parametar se unosi kao postotak.
- Pomak osnovne linije. Zgodna značajka pri unosu matematičkih formula i drugih zapisa s superindeksom i podindeksom. Omogućuje vam podizanje / spuštanje dijela retka ili riječi. Ovaj dio treba prvo istaknuti. Vrijednost se unosi u okvir ručno. Slične mogućnosti daje sljedeći redak - pseudoparametri.
- Pseudo parametri. Postavke fonta u ovom retku su jasno vidljive - podebljano, kurziv, veliki tekst itd.
- Ligature, odnosno znakovi koji se dobivaju spajanjem više slova ili znakova, odnosno njihovim spajanjem u jedan znak. Koristi se vrlo rijetko. Bit će aktivni samo oni koje podržava odabrani font.
- Otvara popis jezika za provjeru pravopisa.
Ploča odlomaka
Postavite opcije odlomka kao što su uvlačenje, retka itd.
sl.7. Ploča odlomaka
U prvom retku, prva tri gumba su duplicirana s gornje upravljačke ploče. Već su spomenuti. Ostali gumbi će najvjerojatnije biti neaktivni. Sljedeća tri gumba ovog retka služe za poravnavanje donjeg retka teksta, a posljednji je za poravnavanje po cijeloj širini.
U drugom bloku se nalaze tri prozora u kojima možete postaviti uvlake s desnog ili lijevog ruba i uvlačenje prvog retka u pikselima.
U trećem bloku uvlake su naznačene prije ili iza odlomka
U sljedećem bloku je omogućeno/onemogućeno automatsko postavljanje prijeloma reda.
Paleta Simbol(Znak) omogućuje postavljanje parametara fonta kao što su razmak između redaka, razmak između znakova itd. (Tablica 6.2). Tekst također možete napraviti kurzivom ili podebljanom, pisati velikim slovima ili indeksirati tekst. Na paleti Stavak(Odlomak) postoje kontrole koje postavljaju parametre odlomaka teksta (uvlaka crvene linije, širina margine, razmak između pasusa itd.). Te se palete koriste za fino podešavanje teksta. Ispod je opis nekih kontrola koje se nalaze na njima.
Tablica 6.2. Neke kontrole na ploči znakova
| Upravljački element |
Funkcija |
 |
Postavlja veličinu fonta |
| Određuje razmak između redaka |
|
 |
Omogućuje vam promjenu udaljenosti između dva susjedna znaka. Da biste promijenili ovaj parametar, trebate postaviti kursor između dva znaka i odabrati željenu vrijednost s popisa. Udaljenost između znakova može se smanjiti i povećati |
 |
Dizajniran za postavljanje dodatnog razmaka među znakovima unutar odabranog područja teksta. Kao i kod razmaka između susjednih znakova, razmak između znakova u skupini može se povećati ili smanjiti |
| Omogućuje podešavanje visine i širine znakova |
|
| Koristi se za podešavanje pomaka osnovne linije fonta. Ovo može biti korisno za pisanje indeksa ili velikih slova (velikih slova koja počinju odlomak) |
|
| Prikazuje boju teksta. Omogućuje vam da ga promijenite pomoću standardnog dijaloškog okvira za odabir boja u Photoshopu |
|
| Dodatna prilagodba oblikovanja teksta. Klikom na znakove možete promijeniti stil fonta i dizajn (podvlačenje, podcrte itd.) |
|
 |
Odabir jezika za automatsku provjeru pravopisa. Ova je značajka prvi put predstavljena u Photoshopu |
| Odabir načina za izglađivanje granica znakova. U većini slučajeva dovoljno je koristiti zadanu vrijednost |
BILJEŠKA. Udaljenost između dva znaka naziva se kerning (od engleske riječi kerning - međuznakovni razmak). Dodatna udaljenost koja se dodaje između svih znakova odabranog niza naziva se praćenje (od engleske riječi tracking - postavljanje udaljenosti između znakova).
Microsoftov uredski paket ima široku primjenu, a njegov DOC format praktički je postao standard za tekstualne dokumente. Nažalost, većina korisnika završava svoje upoznavanje s ovim programom za obradu teksta učenjem kako promijeniti obitelj fontova i svladavanjem njegovog poravnanja na stranici.
U međuvremenu, u mnogim organizacijama postoje pravila za rad s tekstualnim dokumentima, koja propisuju određena parametrima njihov dizajn. Obično definiraju vrstu font Zadani i potrebni razmak između redaka u dokumentu.
Promjena međuznakovna udaljenost također zove kerning, potreban je uglavnom kako bi formatirani tekst dobio skladniji i estetski dovršen izgled. Njegovo glavno područje primjene je tipografija, ili umjetnički raspored.
Kako promijeniti i prilagoditi razmak između redaka
Postoji nekoliko načina za promjenu proreda u Wordu. načine:
Posljednja stavka se poziva klikom desnu tipku miša i omogućuje vam ručno podešavanje razmaka između redaka u širokom rasponu vrijednosti.
Vrijednosti razmaka između redaka
Prored je udaljenosti između hipotetskih redaka koji prolaze kroz sredinu slova u redovima i prema zadanim postavkama jednaka je veličini fonta. Standardne veličine, dostupne u Wordu, su 1, 1,15, 1,5, 2 i 3 vrijednosti ove udaljenosti. 
Padajući popis, u paragrafu " Stavak“, omogućuje vam da u tekstu primijenite opcije razmaka između redaka koje se razlikuju od navedenih. Uz standardni set jednostrukih, jednoipol i duplih, ovdje možete pronaći i sljedeće:
Promjena razmaka između slova
Svakom znaku, u bilo kojem fontu, dodijeljen je određeni prostor, ali, ovisno o stilu, slova ga mogu ispuniti na različite načine. Za fino podešavanje prostora koji zauzimaju i koriste kerning. U Wordu se može postaviti na tri različita načina. Osim standardnog, dostupno rijetka i zbijeno.
Podešavanje se vrši u koracima od 0,1 boda. Ovom parametru se može pristupiti na dva načina:
Kako bi se tekstu dao estetski dovršen izgled, ponekad je potrebno primijeniti vizualno razdvajanje pasusa. Pritisak na tipku Unesi, koji se inače koristi za ovu operaciju, nema takav učinak, jer jednostavno pomiče kursor na sljedeći redak. Unesi izbornik za uređivanje može se izvesti na dva načina: 
- Korištenje kontekstnog izbornika Stavak»prouzročeno pritiskom desne tipke miša;
- Korištenje grupe naredbi " Stavak» kartica « Dom"Riječ.
U oba slučaja otvara se dodatni prozor u kojem se pomoću sektora " Interval» možete postaviti uvlaku ispred i nakon stavak. Podešavanje, bez obzira na odabrano pismo, izvodi se u fiksnim koracima od 6 točaka.
Razmak između redaka (vodeći) je udaljenost između trenutnog retka teksta i retka iznad njega. Svaki znak može imati vlastiti razmak između redaka; najveća vrijednost će odrediti razmak između redaka za zadanu liniju.
Riža. 17.20. Odabir razmaka između redaka
Riža. 17.21. Odlomci iste veličine, ali različitog proreda
Savjet
Zadani razmak između redaka izračunava se proporcionalno veličini fonta. Njihov odnos je naznačen u dijaloškom okviru. Opravdanje(Poravnanje), kojem se pristupa pomoću izbornika paleta stavak(Odlomak). Zadani razmak je 120% veličine točke. Na primjer, razmak između redaka za veličinu od 30 točaka je prema zadanim postavkama 36..
Savjet
Za postavljanje razmaka između znakova u tekstu koji se nalazi okomito, odaberite željene znakove i promijenite vrijednost praćenja na paleti lik(Font). Vidjet ćete da će se tekst nakon toga promijeniti..
Stoga, ako postavite različite vrijednosti razmaka između redaka za retke odlomka, a zatim uredite tekst kako biste promijenili njegov prored, prored se može promijeniti.
Ne možete sa sigurnošću reći da će tekst koji izradite biti izvanredan u svakom pogledu, ali korištenje optimalnog razmaka između redaka znatno će ga olakšati čitanje, čak i ako zauzima puno prostora na stranici. Nemojte dosaditi čitatelju prije nego što pročita sve vaše pametne misli.
Savjet
Gore navedeno oblikovanje teksta odnosi se samo na Photoshop. Ako koristite druge aplikacije, postupak odabira fonta može biti drugačiji. Prilikom izrade tekstova za Internet, bolje je obratiti se programu dizajniranom za web dizajn..
- U paleti Slojevi(Slojevi) odaberite željeni sloj.
- Izborno. Odaberite jedan ili više redaka u kojima ćete promijeniti razmak između redaka. Ako je tekst upisan redak po redak, tada se mora odabrati cijeli redak. Ako ne odaberete retke, promjene će se dogoditi u cijelom tekstu.
- Odaberite ili unesite vrijednost razmaka između redaka u paleti lik(Font) - vidi sl. 17.20, 17.21.
