Jak udelat sipku dolu pouze v CSS

Tento kod pracuje skvele u textu ve vychozi velikosti. Pokud potrebujete text zvetsit, nezapomente podle ratia zvetseni zvetsit i border-width, priklad: Pokud mate text ve velikosti 16px(takovy mam ja v Opere kdyz ho vubec nijak nenastavuji), tak ho treba zvyste na 32px ale zaroven nastavte border-width na 6px 6px 0;. V pripade jeste vetsiho pisma si asi budete muset upravit i dalsi vlastnosti. A ted uz na samotny kod:

.sipkaDolu {
            border-color: #C0C0C0 transparent transparent;
            border-style: solid dashed dashed;
            border-width: 3px 3px 0;
            display: inline-block;
            left: 4px;
            padding-top: 1px;
            position: relative;
            top: -3px;
        }

.sipkaDolu {

border-color: #C0C0C0 transparent transparent;

border-style: solid dashed dashed;

border-width: 3px 3px 0;

display: inline-block;

left: 4px;

padding-top: 1px;

position: relative;

top: -3px;

}

Jeste ukazkovy kod, co vsechno musite napsat v HTML:

<div>
    <span>
        <span>Dalsi
        </span>
        <span class="sipkaDolu">
        </span>
</div>

<div>

<span>

<span>Dalsi

</span>

</span>

</div>

A vysledek muze byt takovy pri zakladni velikosti pisma:

Nebo takovy pri dvojnasobne velikosti pisma(32px):

Leave a Reply Cancel reply