auto - Kurs HTML i CSS
Układ elastyczny CSS / Wyrównanie wiersza {align-items, align-self}...kontener).. Jako wyrównanie należy podać jedną z wartości - analogicznie jak w przypadku wspólnego wyrównania. Oprócz tego można ustawić wartość "auto" (domyślnie), która oznacza przejęcie sposobu wyrównania z kontenera. Wyrównanie indywidualne pozwala ustawić w różny sposób każdy z elementów kontenera elastycznego. Jeżeli jednak wszystkie mają być wyrównane tak samo, korzystniej będzie zrobić to dla nich wspólnie. Pytania i odpowiedzi {align-items} Co robi "align-items"? W...
- Komendy CSS3 / Tryby pisania CSS
...ltr Zastosowanie wszystkie elementy Dziedziczenie tak Procenty nie glyph-orientation-vertical Pionowa orientacja znaków Wartość auto | 0deg | 90deg | 0 | 90 Inicjalizacja nie Zastosowanie nie Dziedziczenie nie Procenty nie text-combine-upright Kompozycja pozioma w pionie Wartość none | all Inicjalizacja none Zastosowanie nie-zastępowane elementy inline Dziedziczenie tak Procenty nie text-orientation Orientacja tekstu Wartość mixed | upright | sideways...
HTML5 / Responsywny obrazek <picture, source>...ekranie urządzenia mobilnego. Teoretycznie moglibyśmy sobie z tym poradzić w bardzo prosty sposób za pomocą CSS: img { max-width: 100%; height: auto; } Wstawienie takiej reguły w zewnętrznym lub wewnętrznym arkuszu stylów spowoduje, że żaden obrazek nie będzie szerszy niż dostępne miejsce na stronie. Grafiki mniejsze pozostaną bez zmian, natomiast większe będą przeskalowane w dół. Problem w tym, że nie zawsze jest to dobre rozwiązanie. Pomijając już fakt, że mimo przeskalowania zdjęcia...
- Kursory CSS / Kolor karetki tekstowej {caret-color}
...w którym użytkownik może wpisywać tekst, np. textarea, input[type="text"]. Natomiast jako "kolor" należy podać definicję koloru albo wartość auto (zresetowanie karetki testowej do domyślnego koloru). W przypadku interaktywnych elementów strony, w których można wpisywać tekst, pojawia się tzw. karetka. Wskazuje ona miejsce, w którym pojawią nowe znaki tekstu, kiedy zaczniemy je wpisywać z klawiatury. Karetka tekstowa najczęściej ma postać pionowej, migającej kreski. Zdarzają się jednak...
- Rozmiary CSS / Przepełnienie tekstu {text-overflow}
...dlatego aby zabezpieczyć się na taką okoliczność, zwykle ukrywa się nadmiarową zawartość przy pomocy stylu "overflow: hidden" albo "overflow: auto". Kłopot w tym, że wtedy użytkownik może się w ogóle nie zorientować, że tekst został przycięty - zwłaszcza jeśli litery ułożą się w taki sposób, że żaden wyraz nie zostanie ucięty w środku. W takiej sytuacji znacznie lepiej by było wstawić na końcu wiersza wielokropek, który pozwoli czytelnikowi uniknąć nieporozumień. Oczywiście wielokropka...
- Drukowanie CSS / Rozmiar papieru @page {size}
@page { size: rozmiar } Jako rozmiar można podać: auto - wartość domyślna (najczęściej portrait) portrait - wydruk na kartce w orientacji pionowej (portret) landscape - wydruk na kartce w orientacji poziomej (krajobraz) jedna wartość długości - kwadratowy obszar wydruku o podanych rozmiarach wyrażonych w jednostkach innych niż procent dwie wartości długości - szerokość i wysokość obszaru wydruku rozdzielone od siebie spacją Typowa drukarka najczęściej drukuje strony w orientacji...