Hvordan justere linjeavstand i CSS?

Tekst i dag fortsatt er den viktigste typen informasjon som formidles i de aller World Wide Web. Derfor er dens kontroll over utseendet gitt spesiell oppmerksomhet. En viktig egenskap ved en tekstlinjeavstand, som bestemmer avstanden mellom linjene. Hvis du aldri har møtt med denne regelen, har du sannsynligvis aldri har jobbet med CSS. Tross alt, er dette den stilen språket gir de tilgjengelige kommandoer for å endre alle viktige eksterne kjennetegn ved teksten. En slik regel støttes av alle moderne nettlesere og kommer som standard for alle versjoner av Cascading Style Sheets (CSS: Cascading Style Sheets).

regel

I CSS, er linjeavstanden innstilles ved hjelp av en enkel line-høyde lag. Opptaket er gjort på vanlig måte. Verdien kan tilordnes et ikke-negativt heltall. Hvis det heter: «line-height: -4px;», vil kommandoen bli ignorert. Du kan angi verdien: «normal» eller «arve». Den første er å bruke den automatiske innstilling av intervallet, som er bestemt avhengig av typen og størrelsen av den valgte skrift. I dette tilfellet er avstanden mellom linjene satt av selve nettleseren. Linjeavstand kan være en hvilken som helst verdi som er arvet fra "foreldre" tag med verdien «arve».

verdi

Alle verdier som avviker fra standardkommandoer kan deles inn i to kategorier: relative og absolutte. CSS gjør det mulig å regulere linjeavstanden avstand mellom de fleksible ledninger, ved hjelp av ulike og mer praktiske måter å tilpasse. For absolutte verdier omfatter alle de kjente lengden av enheten, som er brukt i CSS. Listen inkluderer: i (inches), Pt (poeng), px (piksler), og andre. Nedtellingen Intervallet er fremstilt av en basislinje på skriften. Hvis vi skriver en regel: «line-height: 10px;», vil linjeavstanden alltid være lik 10 piksler. En slik metode er ideell når du trenger å angi nøyaktig rekkevidde for en bestemt skrift. Men ikke glem at alle de forskjellige skjermutvidelses. Og hvis du har en slik avstand ser bra ut, betyr det ikke at alle vil ha samme effekt. For eksempel kan en mobil stor linjeavstand føre til stor ulempe.

relative verdier

For å løse problemet med en annen forlengelse av skjermen, kan du bruke relative verdier. Den mest brukte prosentandel. Verdien i dette tilfellet er satt relativt skrifthøyde. For eksempel angir «line-height: 150%;" vi får Intervall, halv-Large Medium bokstaver. 100% er høyden av den skrift som brukes. De fleste erfarne utviklere anbefaler bruk av det er de relative verdier. Så du vil spare seg selv og sine brukere fra problemene forbundet med en annen forlengelse av skjermen.

konklusjon

Hvis du bruker et ikke-standard font sett, og du er viktig er en veldefinert linjeavstand, velger de absolutte verdier. I alle andre tilfeller er det ønskelig å etablere prosentandelen av eiendommen. Når du trenger å foreta en individuell intervall for et bestemt område av et dokument, kan du bruke id-tags, eller velgere. Dermed trenger du ikke å angi linjeavstand for hele dokumentet.