W tym tutorialu dowiesz się jak za pomocą stylów CSS można formatować tekst na stronie www. Dzięki odpowiedniemu przygotowaniu treści, stworzone przez Ciebie strony internetowe będą przyjazna dla internautów i chętnie przez nich odwiedzana. Tutorial ten podzielę na prę części i w każdej z nich będę prezentował różne style odpowiadające za formatowanie treści na stronie internetowej. W tym samouczku zajmiemy się właściwością text-align.
Zaczynamy.
text-align: left, right, center, justify, inherit – właściwość ta może przyjąć różne wartości, które odpowiadają za położenie tekstu na stronie internetowej w następujący sposób:
left – wyrównanie treści do lewego boku
right – wyrównanie treści do prawego boku
center – wycentrowanie treści w poziomie
justify – wyrównanie treści zarówno do prawego jak i lewego boku
inherit – przejęcia wartości „rodzica”
Poniżej przedstawiam parę przykładów.
Przykład: text-align:left;
Kod źródłowy:
Podgląd:
Wyrównanie tekstu do lewego boku strony internetowej.
Przykład: text-align:right;
Kod źródłowy:
Podgląd:
Wyrównanie tekstu do prawego boku strony internetowej.
Przykład: text-align:center;
Kod źródłowy:
Podgląd:
Wyśrodkowanie tekstu na stronie internetowej.
Przykład: text-align:justify;
Kod źródłowy:
Podgląd:
Przykładowy tekst, który wyrównany jest do lewego i prawego boku. Wyjustowanie tekstu jest bardzo proste, również tworzenie stron internetowych nie jest trudne ale wymaga wielu ćwiczeń, np. takich jak w tym tutorialu!
W kolejnej lekcji zajmiemy się tworzeniem kolejnych styli formatujących treści na stronie internetowej.
Brak komentarzy:
Prześlij komentarz