Hoe de regelafstand in CSS aan te passen?

Tekst van vandaag de dag is nog steeds het belangrijkste type van informatie die in de uitgestrekte World Wide Web. Daarom is zijn controle over het uiterlijk krijgen speciale aandacht. Een belangrijk kenmerk van een tekstregel afstand, waarbij de afstand tussen de lijnen bepaalt. Als je nog nooit hebt ontmoet met deze regel, heb je waarschijnlijk nog nooit gewerkt met CSS. Immers, dit is de taal stijl zorgt voor de beschikbare commando's om alle belangrijke uiterlijke kenmerken van de tekst te wijzigen. Een dergelijke regel wordt ondersteund door alle moderne browsers en komt als standaard voor alle versies van Cascading Style Sheets (CSS: Cascading Style Sheets).

regel

CSS wordt de regelafstand door middel van een eenvoudige regelhoogte team stellen. De opname wordt uitgevoerd op de gebruikelijke wijze. De waarde kan elk positief geheel getal worden toegewezen. Indien wordt verklaard: «line-height: -4px;», wordt de opdracht genegeerd. «Normale» of «erven»: U kunt de waarde op te geven. De eerste is om het automatisch instellen van het interval dat wordt bepaald afhankelijk van het type en de grootte van het gekozen lettertype. In dit geval is de afstand tussen de regels vastgesteld door de browser zelf. Regelafstand kan elke waarde die wordt overgenomen van "ouder" tag door de waarde «erven» zijn.

waarde

Alle waarden anders dan de standaard opdrachten kunnen worden onderverdeeld in twee categorieën: relatieve en absolute. CSS kunt u de regelafstand afstand te regelen tussen de flexibele lijnen, met behulp van verschillende en meer handige manieren aan te passen. Voor absolute waarden omvatten alle bekende lengte van de eenheid die worden gebruikt in CSS. De lijst omvat: in (inches), punt (punten), px (pixels), en anderen. Het aftellen interval wordt gemaakt van een basislijn van het lettertype. «Line-height:: 10px;» Als we een regel te schrijven, zal de regelafstand altijd gelijk aan 10 pixels zijn. Een dergelijke methode is ideaal wanneer u de exacte bereik op te geven voor een bepaald lettertype. Maar vergeet niet dat alle verschillende scherm expansie. En als je zo'n afstand ziet er geweldig uit, maar dat betekent niet dat iedereen hetzelfde effect zal hebben. Zo kan bijvoorbeeld een mobiele grote regelafstand veel ongemak veroorzaken.

relatieve waarden

Om het probleem op te lossen met een andere extensie van het scherm, kunt u gebruik maken van relatieve waarden. De meest gebruikte percentage. De waarde in dit geval ingesteld op een relatief lettertypehoogte. Bijvoorbeeld, met vermelding «line-height: 150%;" we krijgen het interval, half-Large Medium letters. 100% is de hoogte van het lettertype. De meeste ervaren ontwikkelaars raden het gebruik ervan is de relatieve waarden. Zo zult u zichzelf en hun gebruikers te redden van de problemen in verband met een andere extensie van het scherm.

conclusie

Als u gebruik maakt van een niet-standaard lettertype set, en je bent belangrijk is een goed gedefinieerde regelafstand, kies dan de absolute waarden. In alle andere gevallen is het wenselijk om het percentage van het onroerend goed vast te stellen. Wanneer u een individuele interval te maken voor een bepaald gebied van een document, gebruikt u de id-labels, of selectors. Daardoor zul je niet nodig om regelafstand instellen voor het hele document.