DHTML0067

DHTML0067



Kontrola tekstu w CSS

Listing 3.6. Użycie klasy nazwisku spowoduje.

: • wyrazy będą się zaczynały od dużej litery

ntml>

-iead>

~eta http-equiv="Conr.ent“Type" -»content“"text/html; charftet-ISO-8.859-2,,> title>Listing 3.6</tiLle> style type=Htext/cssM>

.nazwisko { text-transform: capitalize; }

</styie>

/head>

□ody bgcolor=H#FFFFFF"> p class Mnazwisko">george jetson</p> p cłass="nazwisko,f>fred flinstone</p> p cla5s="nazwisko">homer simpson</p> p class="nazwisko">goinez adams</p> p class=,'nazwisko”>johny bravo</p> p class="nazwisko”>robert dobbs</p> body> html?

Rysunek 3.6. Lista nazwisk, w której wyrazy rozpoczynają się od dużej litery

Kontrolowanie wielkości liter

Jeśli masz do czynienia z wynikami generowanymi dynamicznie, nie możesz mieć pewności, czy tekst będzie wyświetlony literami małymi, dużymi, czy też zarówno małymi, jak i dużymi. Dzięki właściwości text-transformation możesz określić końcową wielkość liter w tekście, niezależnie od jego początkowej postaci.

Aby zdefiniować wielkość liter tekstu

1.    .nazwisko

Zacznij od podania selektora. Posłużymy się niezależną klasą, gdyż nie możemy mieć pewności, jakie znaczniki będą wymagały kontroli wielkości liter.

2.    text-transformation:

Podaj nazwę właściwości i dwukropek.

3.    capitalize

Podaj jedną z poniższych wartości, określających sposób modyfikacji:

•    capitalize, aby pierwsza litera każdego wyrazu została zamieniona na literę dużą;

•    uppercase, aby wszystkie litery zostały zamienione na litery duże;

•    lowercase, aby wszystkie litery zostały zamienione na litery małe;

•    nonę, zastępuje odziedziczone ustawienia

dotyczące wielkości liter i pozostawia

tekst w niezmienionej postaci.

4.    ;}

Zakończ regułę obowiązkowym średnikiem i zamykającym nawiasem klamrowym }.

Kontrolowanie wielkości liter


S Rady

a Prawdopodobnie właściwość text-tranformation ■ Jeśli chcesz, aby określony tekst był

najlepiej nadaje się do formatowania tekstu wyświetlany dużymi literami, to użyj dużych generowanego dynamicznie. Dla przykładu, liter przy jego wpisywaniu; w ten sposób jeśli wszystkie nazwiska w bazie danych    starsze przeglądarki go nie pominą,

są zapisywane dużymi literami, to możesz zastosować tę właściwość, aby stały się one bardziej czytelne.

69


Wyszukiwarka

Podobne podstrony:
DHTML0065 Kontrola tekstu w CSS Listing 3.4. Zapisywanie kwadratu jako indeksu górnego <head>
DHTML0059 Kontrola tekstu w CSS Wielu projektantów rozpoczynających działanie w sieci zaczynało od p
DHTML0061 Kontrola tekstu w CSS Określanie odstępów między wyrazamiPodobnie jak odstępy miiftoy lite
DHTML0069 Kontrola tekstu w CSS m 3    /< j*. K> cł.. 8ack -    
DHTML0006 Spis treści Rozdział 3. Kontrola tekstu w CSS    61 Określanie kerningu (od
DHTML0135 Praktyczne zastosowanie CSS Listing 8.5. Zewnętrzny plik CSS o nazwie Listing-8-5.css, zaw
DHTML0137 Praktyczne zastosowanie CSS Listing 8.9. Określanie wyglądu trzech różnych stanów
DHTML0139 Praktyczne zastosowanie CSS Listing X. 10. W tym arkuszu stylów zdefiniowane zostały ident
66531 Strona8 Nawierzchnie drogowe z betonu cementowego mniej klasy BI 5. Przy czym zaleca się, aże
DHTML0041 Podstawy CSS Listing 1.11. W tym przykładzie stworzono selektor klasy niezależnej oraz sel
DHTML0029 Podstawy CSS Listing l. 1. Nadanie nowego wyglądu znacznikowi ■ B> B { font: bold 16pt
DHTML0033 Podstawy CSS Podstawy CSS Listing 1.6. Wszystkim znacznikom nagłówków zostaje nadana ta sa
DHTML0035 Podstawy CSS Listing 1.9. Styl ve nagłówku określa, że linie u akapicie mają mieć wysokość
DHTML0114 Umiejscawianie w CSS . Listing 7.1 etscape 5te £drt iew £o gamrrwfcatDr W języku HTML defi
DHTML0120 Umiejscawianie w CSS Umiejscawianie w CSS Listing 7.4 Netscape EOe fcrfit y.ew Qo ęommuftC
DHTML0122 Umiejscawianie w CSS Listing 7.6. Pierwszy akapity został umiejscowiony względnie i ustawi
DHTML0128 Umiejscawianie w CSS Listing 7.9. W tym przykładzie definiujemy cztery identyfikatory. ele
DHTML0036 Rozdział 1. Dodawanie CSS do dokumentu HTML-owego Głównym zastosowaniem CSS jest definiowa

więcej podobnych podstron