Najlepszy samouczek Interfejs użytkownika CSS3 W 2024 r. W tym samouczku możesz dowiedzieć się Interfejs użytkownika CSS3,Pomoc Browser,CSS3 skalowanie (zmiana rozmiaru),Przykłady,Pole CSS3 Resize (Box Dobór),Przykłady,CSS3 zmodyfikowany kształt (outline-offset),Przykłady,Nowe funkcje interfejsu użytkownika,
W CSS3, zwiększając liczbę nowych funkcji interfejsu użytkownika, aby dostosować rozmiar elementu, rozmiaru ramki i granic zewnętrznych.
W tym rozdziale dowiesz się następujące właściwości interfejsu użytkownika:
Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą numer wersji obiektu.
Natychmiast po -webkit- cyfrowego -ms- lub -moz- temu w uzasadnieniu przedrostka atrybutu pierwszy numer wersji przeglądarki.
属性 | |||||
---|---|---|---|---|---|
resize | 4.0 | 不兼容 | 5.0 4.0 -moz- |
4.0 | 15.0 |
box-sizing | 10.0 4.0 -webkit- |
8.0 | 29.0 2.0 -moz- |
5.1 3.1 -webkit- |
9.5 |
outline-offset | 4.0 | 不兼容 | 5.0 4.0 -moz- |
4.0 | 9.5 |
W CSS3, zmiana rozmiaru właściwość określa, czy dany element powinien użytkownikowi dostosować rozmiar.
CSS jest następująca:
Element div określona przez wielkość użytkownika:
box-zaklejania właściwość pozwala określić dokładną zawartość konkretnej dziedzinie adaptacji.
Przepisy dwa obok siebie z blokiem border:
zarys offsetu nieruchomości przesunięcie konturu i narysuj profil poza krawędź granicy.
Istnieją dwa różne konturu i konstrukcja
Kod CSS jest następujący:
Przepisy na zewnątrz pikseli konturu na krawędzi obramowania 15:
nieruchomość | wyjaśnienie | CSS |
---|---|---|
wygląd | To pozwala na wykonywanie wygląd elementu jak standardowe elementy interfejsu użytkownika | 3 |
box-zaklejania | To pozwala na dostosowanie się do tego regionu oraz określić pewne elementy w pewien sposób | 3 |
ikona | Twórcy elementu jest ustawiony na Icon równoważną pojemności. | 3 |
nav-down | Określa, w którym poruszać się przy użyciu klawiszy strzałek, aby poruszać się w dół | 3 |
nav-index | Określa, że element Tab zamówienie | 3 |
nav-left | Określ, gdzie w użyciu klawiszy strzałek w lewo nawigacyjnych nawigacja | 3 |
nav-tuż | Określ, gdzie w użyciu odpowiednich klawiszy strzałek nawigacyjnych nawigacja | 3 |
nav-up | Określa, w którym poruszać się przy użyciu klawiszy strzałek do poruszania się | 3 |
zarys offsetu | Zmodyfikowany zewnętrzny kontur i wyciągnąć na krawędzi granicy | 3 |
rozmiar | Określ, czy element jest zmieniany przez użytkownika | 3 |