Testu-indentearen jabea eta haurtzaindegietako haurren hautagailuak erabiltzea
Ona web diseinua tipografia onari buruz ohi da. Web orriaren edukiaren zati handi bat testu gisa aurkezten denez gero, testu hori bi erakargarri eta eraginkorra izan dadin, web diseinatzaile gisa duen trebetasun garrantzitsua da. Zoritxarrez, ez dugu kontrol tipografikoko lineako maila bera inprimatzen dugu. Horrek esan nahi du ezin dugula modu fidagarrian etortzen estiloaren testua webgune batean, inprimatutako lan batean egin genezakeen modu berean.
Zenbaki arruntean inprimatuan ikusitako paragrafo-estilo arruntak (eta linean birsortzeko aukera ematen dutenak) paragrafoaren lehen lerroa koska bat da. Horrek aukera ematen die irakurleak paragrafo bat non hasten den ikusteko eta bestea amaitzeko.
Ez duzu ikusizko estilo hau ikusiko web orrietan, nabigatzaileek, lehenespenez, azpitik dituzten paragrafoak azpian dauden espazioen paragrafoak bukatzen diren eta beste bat erakusten duten moduan erakusten dute, baina orrialde bat inprimatu nahi baduzu, paragrafoen koska inspiratutako estiloa, testuko koska estiloaren propietatearekin egin dezakezu.
Jabetzako sintaxia sinplea da. Hemen da dokumentu baten paragrafo guztiei testu-koska bat gehitzeko.
p {text-indent: 2em; }Sentsoreak pertsonalizatzea
Modu bat zehazten duten paragrafoak koska era zehatz batean zehazteko, klasea koska egin nahi duzun paragrafoan gehitu dezakezu, baina paragrafo bakoitza editatu behar duzu klase bat gehitzeko. Hori ez da eraginkorra, eta ez du HTML kodetze jardunbide egokirik .
Horren ordez, kontuan hartu behar dituzu paragrafoen indentzea. Paragrafo bat zuzenean zuzenean paragrafoz ari zara. Horretarako, adiskideen hautagailua erabil dezakezu. Hautapen honekin, beste paragrafo batek berehala beste paragrafo bat hautatzen ari zara.
p + p {text-indent: 2em; }Lehenengo lerroa kentzen ari zarenez gero, ziurtatu ere egin behar duzula paragrafoek ez dutela haien arteko tarte gehigarria (arakatzailearen lehenetsia). Estilistikoki, paragrafoen arteko zatian edo lehen lerroaren koska izan behar duzu, baina ez biak.
p {marjina-behean: 0; padding-bottom: 0; } p + p {margin-top: 0; padding-top: 0; }Negatiboko koskak
Testuaren indentearen propietateak ere erabil ditzakezu, balio negatiboarekin batera, lerro baten hasierara joateko ezkerrera joateko, eskuineko kontrakoa, koska arrunt bat bezala. Horretarako, lerro bat komatxo batekin hasten baduzu, aurrekontuaren karakterea paragrafoaren ezkerreko marjina txikian agertuko da eta letrak beraiek ezkerreko lerro atsegina osatzen dute.
Esan, esate baterako, blokeo baten ondorengo paragrafo bat duzula eta zertxobait koskatu nahi duzula. CSS hau idatzi dezakezu:
p blockquote {testu-indent: -.5em; }Honek paragrafoaren hasiera emango luke, hau da, aurrekontuaren aurrekontuaren karakterea sartzen dela, zertxobait ezkerrera mugitu zintzilikatzeko puntuazioa sortzeko.
Margens and Padding-i buruzkoa
Askotan web diseinuan, marjina edo betegarriko balioak erabiltzen dituzu elementuak mugitzeko eta zuriuneak sortzeko. Propietate horiek ez dira izango paragrafoaren koska baten efektua lortzeko. Balio horietako bakoitza paragrafoan aplikatzen baduzu, paragrafo honen testu osoa, lerro bakoitza barne, lehen lerroan ordeztuko da.