Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailem Jak deklarovat, aby bylo prvni pismeno v odstavci velký ?

Nazdarek.

Píšu několik textovvých odstavců pro každý článek pro menší statickej WEB v HTML5 a CSS3 kde bych potřeboval v článku, aby odstavec textu začínal CAPITALIZE, aby jen první písmeno v odstavci bylo velké. Jak to mohu provést ?
Dekuji.

WEB má základní konstrukci jen z paragrafu a 3 div. Vše mám hotovo zarovnání, zobrazení pro mobil, tablet , jen ten text nedokážu přizpůsobit.

Jsou zobrazeny jen nové odpovědi. Zobrazit všechny
Předmět Autor Datum
Nejsem si jistý jak to myslíte, ale mám tušenie že chcete niečo takéto? [2.1.7-decorative-initials.…
Mlocik97 15.08.2018 14:24
Mlocik97
Ano, první dekorativní jsem myslel. nový
HTML paragraf 16.08.2018 10:29
HTML paragraf
• Pro CCS, jestli myslis literarni iniciálku (index) : "first-of-type:first-letter" pro paragraf <p>…
XoXoChanel 15.08.2018 14:28
XoXoChanel
Supr funguje to díky moc, konečne už můžu tento týden nahrát web na server, díky všem ;-). poslední
HTML paragraf 16.08.2018 10:31
HTML paragraf

Nejsem si jistý jak to myslíte, ale mám tušenie že chcete niečo takéto?

[2.1.7-decorative-initials.png]

Ak chcete iba capitalize tak (aha, Wikan ma predbehol) tak použite kód od kolegy hore.

ak chcete aj veľkosť zmeniť tak potom ešte dodať font-size vlastnosť, lenže pak to písmeno bude nie zarovnané od horného ale od spodného okraja riadku (pozor, pri určitých hodnotách veľkosti riadku sa v FF a EDGE objavuje BUG, ktorý spôsobuje že text bude scrollovatelný o 2px, ak je na poslednom riadku vo viewporte, avšak v chrome sa scrollovať nebude, každý totiž defaultne text zarovnáva na riadok inak, riešením je posledný riadok textu napozicovať a zmenšiť veľkosť riadku na nízku hodnotu). Tak jak je to na obrázku je to už kus ťažšie.

• Pro CCS, jestli myslis literarni iniciálku (index) : "first-of-type:first-letter" pro paragraf <p>, ktery je doufam v <article> jestli pises v HTML5
* Kdyz das jen first-letter (prvni pismeno v paragrafu), bude to pro kazdy radek <p>, coz nemusi byt moc estetické.

p:first-of-type:first-letter { 
float:left;
font-size: 4em;
padding:0;
margin:-.2em 3px;
text-shadow:3px 3px 3px #C0C0C0;   /*Nebo Silver*/
line-height:1em
	}

* Takle to pouzivam kuprikladu u nekterych elektronickych knih ePUB (html nema uziti jen pro WEB stranky :-p), vypada to urcite lépe ;-).
• Coz ti da neco takového :

[83131-xoxepub-png]

• Kdybys pouzil jen first-letter (bez aplikace jen na prvni radek /::first-line), tak by ti to dalo nasledujici vzhled :
* Coz moc IMHO estetické neni.

[83132-xoxofirst-leter-png]

• Alternativa : by mohla byt, kazdé prvni pismeno v <p> obalit do "<span>"<span class="velké_pismeno">A</span>hoj jak se mas ? </p> a nasledovne deklarovat na strane ccs .velké_pismeno {font-size: 5em; , nebo font-size:150% .. etc}, jiz jsem se s touto metodou nekolikrat potkal (alespon v elektronickych knihach) ale neni to moc optimalni, da to vic prace a neni to vzdy moc prehledné pro ostatni vyvojare co po tobe ctou tvuj kod..
[83134-xoxospan-png]

Zpět do poradny Odpovědět na původní otázku Nahoru