Hur man justerar radavstånd i CSS?

Text i dag fortfarande är den vanligaste typen av information som överförs i det stora World Wide Web. Därför är dess kontroll över utseendet ges särskild uppmärksamhet. En viktig egenskap hos en text radavstånd, som bestämmer avståndet mellan raderna. Om du aldrig har träffat denna regel, har du förmodligen aldrig arbetat med CSS. När allt detta är stilen språket ger de tillgängliga kommandon för att ändra alla viktiga externa egenskaperna hos texten. En sådan regel stöds av alla moderna webbläsare och kommer som standard för alla versioner av Cascading Style Sheets (CSS: Cascading Style Sheets).

regel

I CSS, är radavståndet in med hjälp av en enkel linje-höjd laget. Inspelningen sker på vanligt sätt. Värdet kan tilldelas någon icke-negativt heltal. Om det står: «line-height: -4px,» kommer kommandot ignoreras. Du kan ange värdet: «normal» eller «ärva». Den första är att använda den automatiska inställningen av intervallet, vilket bestäms beroende på typen och storleken av den valda fonten. I detta fall är avståndet mellan linjerna bestäms av webbläsaren själv. Radavstånd kan vara något värde som ärvs från "förälder" tag med värdet «ärva».

värde

Alla värden som skiljer sig från de vanliga kommandon kan delas in i två kategorier: relativa och absoluta. CSS kan du styra radavstånd avståndet mellan de flexibla linjer, med hjälp av olika och bekvämare sätt att anpassa. För absoluta värden innefattar alla den kända längden av enheten, som används i CSS. Listan innehåller: i (inches), PT (poäng), PX (pixlar), och andra. Nedräkningen Intervallet är tillverkad av en baslinje på teckensnittet. Om vi skriver en regel: «line-height: 10px;» kommer radavståndet alltid vara lika med 10 pixlar. En sådan metod är perfekt när du behöver ange exakta intervallet för ett visst teckensnitt. Men glöm inte att alla de olika expansions skärmen. Och om du har ett sådant avstånd ser bra ut, betyder det inte att alla kommer att ha samma effekt. Till exempel kan en mobil stor radavståndet orsaka stora olägenheter.

relativa värden

För att lösa problemet med en annan förlängning av skärmen, kan du använda relativa värden. Den vanligaste procentsats. Värdet i det här fallet ställs relativt font höjd. Till exempel ange «line-height: 150%;" vi får intervallet, halv-Large Medium bokstäver. 100% är höjden på typsnittet som används. De flesta erfarna utvecklare rekommenderar användning av det är de relativa värdena. Så du kommer att rädda sig själva och sina användare från de problem som är förknippade med en annan förlängning av skärmen.

slutsats

Om du använder en icke-standardtypsnitt set, och du är viktig är en väldefinierad radavstånd, väljer de absoluta värdena. I alla andra fall är det önskvärt att fastställa hur stor andel av fastigheten. När du behöver göra en individuell intervall för ett visst område i ett dokument, använder ID-taggar eller väljare. Således kommer du inte behöver ställa in radavståndet för hela dokumentet.