czcionek - Kurs HTML i CSS
Komendy CSS 2 / font-familyWARTOŚĆ [[ <family-name> | <generic-family> ],]* [<family-name> | <generic-family>] | inherit OPIS Rodzina czcionek INICJALIZACJA zależy od przeglądarki ZASTOSOWANIE wszystkie elementy DZIEDZICZENIE tak PROCENTY nie MEDIA visual
Komendy HTML 4.01 / BASEFONT...kolor tekstu (zdeprecjonowane) DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej FACE="czcionki" Lista nazw czcionek rozdzielonych przecinkami, która będzie użyta do tekstu (zdeprecjonowane) ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) SIZE="rozmiar" Podaje rozmiar czcionki (1...7 lub...
- Komendy HTML 4.01 / FONT
...kolor tekstu (zdeprecjonowane) DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej FACE="czcionki" Lista nazw czcionek rozdzielonych przecinkami, która będzie użyta do tekstu (zdeprecjonowane) ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) SIZE="rozmiar" Podaje rozmiar czcionki (1...7 lub...
- Wstawianie stylów CSS / Wewnętrzny arkusz stylów <style>
...Arkusze stylów CSS służą do definiowania wyglądu i formatowania elementów HTML, umożliwiając kontrolę nad kolorami tekstu oraz tła, rozmiarami czcionek, marginesami i innymi aspektami prezentacji strony. Który znacznik pozwala na wewnętrzne dodawanie stylów CSS w kodzie HTML? Znacznik <style> pozwala na wewnętrzne dodawanie stylów CSS w kodzie HTML. Jakie są zastosowania osadzonego arkusza stylów? Osadzony arkusz stylów (wewnętrzny) jest przydatny, gdy chcemy dostosować styl...
- Czcionki CSS / Waga czcionki {font-weight}
...900 - każdy następny numer wskazuje wagę czcionki przynajmniej tak samo wytłuszczonej jak dla poprzedniej wartości w sekwencji Niektóre rodziny czcionek mogą nie posiadać wszystkich dziewięciu stopni wytłuszczenia. Wiele posiada tylko wartości "normal" i "bold". Przykład waga normal (400) waga bold (700) waga 100 waga 200 waga 300 waga 400 (normal) waga 500 waga 600 waga 700 (bold) waga 800 waga 900 Wartości względne: lighter - czcionka mniej wytłuszczona od odziedziczonej...
- Czcionki CSS / Odległość między znakami czcionki {font-kerning}
...sama. Zwykle zdanie się tutaj na domyślne działanie przeglądarki jest najlepszym rozwiązaniem. Jednak czasami dla niektórych rodzajów i wielkości czcionek znaki w tekście mogą wydawać się dziwnie nierówno od siebie oddalone albo nieczytelne. Dlatego jeśli domyślny sposób wyświetlania tekstu nas nie satysfakcjonuje, pomocne może być wymuszenie albo zablokowanie kerningu. font-kerning w odróżnieniu od letter-spacing nie dodaje jednakowego odstępu pomiędzy literami tekstu, ale dopasowuje go w...
- Czcionki CSS / Wariant połączenia znaków czcionki {font-variant-ligatures}
...między nimi żaden odstęp. Niestety nie każda czcionka udostępnia ligatury. Często dostępny może być jedynie wariant discretionary-ligatures, a dla czcionek bezszeryfowych - nawet żaden. Przykład {font-variant-ligatures} Na poniższej liście powinno być widać różnicę wyświetlania przynajmniej dla discretionary-ligatures - zwróć uwagę, na połączone (bardziej ze sobą zlane) litery "ffi": ffi (font-variant-ligatures: normal) ffi (font-variant-ligatures: none) ffi (font-variant-ligatures...
- Komendy CSS3 / Czcionki CSS
...Zastosowanie wszystkie elementy Dziedziczenie tak Procenty nie Media visual font-feature-settings Niskopoziomowa kontrola ustawień własności czcionek Wartość normal | <feature-tag-value> Inicjalizacja normal Zastosowanie wszystkie elementy Dziedziczenie tak Procenty nie Media visual font-kerning Odległość między znakami czcionki Wartość auto | normal | none Inicjalizacja auto Zastosowanie wszystkie elementy Dziedziczenie tak Procenty nie Media visual font-size...
- Rozmiary CSS / Przepełnienie tekstu {text-overflow}
...możemy tam wstawić ręcznie, ponieważ nigdy nie wiadomo, jak się ułoży tekst na stronie (różne rozdzielczości ekranu, kroje i ustawienia wyświetlania czcionek). Właśnie na taką okoliczność została stworzona deklaracja "text-overflow: ellipsis". Jeśli ją zastosujemy np. do akapitu, przeglądarka sama wstawi wielokropek, kiedy będzie to konieczne. Warto przy tym wiedzieć o bardzo wygodnym zachowaniu przeglądarek. Jeśli zaznaczymy myszką tak skrócony tekst, a następnie skopiujemy go do schowka...