Formatowanie tekstu – CSS

W poniższym artykule poznasz kilka prostych poleceń które pozwolą ci sformatować tekst, aby dobrze on wyglądał na stronie www.

Nadamy jakiemuś tekstowi klasę w CSS, aby własnie ten jeden tekst zmieniał wyglądał gdy my tego zapragniemy:

<div class="tekst">
    Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst Tekst 
</div>

Pamiętaj że nazwy klas są dowolne. Nie musisz stosować nazwy którą ja wykorzystałem.

Następnie za pomocą CSS nadamy temu tekstowi odpowiednie wartości:

div.tekt
			{
				color: #630084;
				line-height: 140%;
				text-indent: 20px;
				letter-spacing: 0.2em;				
			}

Tak zapisane polecenia sprawi iż tekst będzie wyglądał tak:

Fioletowy kolor, wyższa linia = 140%, wcięcie na początku tekstu 20px, oraz odległość między literami 0.2em

Pozostałe polecanie jakie możemy użyć:

  • * text-decoration: none
  • * underline – podkreślić
  • * line-through – przekreślić
  • * overline – linia nad
  • * inherit – odziedziczyć
  • * text-transform:
    • * capitalize – wszystkie pierwsze literki sa duze
    • * lowercase – male literki
    • * uppercase- duze literki
  • * text-align:
    • * left
    • * right
    • * center
    • * justify
  • * word-spacing: odległość pomiędzy słowami
  • * letter-spacing: przestrzeń pomiędzy literkami
  • * text-indent: wcięcie tekstu
  • * line-height: wysokość między jedną a drugą linią
  • * white-space:
    • * normal
    • * nowrap bez zawijania

Jeśli ci się coś przydało – zostaw mały ślad po sobie.

Opublikowany w CSSTagged