Interfejs użytkownika CSS3

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:

Pomoc Browser

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.

W CSS3, zmiana rozmiaru właściwość określa, czy dany element powinien użytkownikowi dostosować rozmiar.

Element div zmieniany przez użytkownika. (W Firefoksie 4+, Chrome i Safari)

CSS jest następująca:

Element div określona przez wielkość użytkownika:

div
{
resize:both;
overflow:auto;
}

box-zaklejania właściwość pozwala określić dokładną zawartość konkretnej dziedzinie adaptacji.

Przepisy dwa obok siebie z blokiem border:

div
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
width:50%;
float:left;
}

zarys offsetu nieruchomości przesunięcie konturu i narysuj profil poza krawędź granicy.

Istnieją dwa różne konturu i konstrukcja

Ten dział poza granicę 15 ma piksel konturu.

Kod CSS jest następujący:

Przepisy na zewnątrz pikseli konturu na krawędzi obramowania 15:

div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}

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