box-sizing: | |
---|---|
content-box; | border-box; |
box-sizing: content-box; |
box-sizing: border-box; |
outline-style: | ||||
---|---|---|---|---|
none; | hidden; | dashed; | groove; | solid; |
none; |
dashed; |
groove; |
solid; |
|
dotted; | double; | ridge; | inset; | outset; |
dotted; |
double; |
ridge; |
inset; |
outset; |
outline-color: |
---|
color |
np. outline-color: gray; |
outline-width: | |||
---|---|---|---|
thin; | medium; | thick; | length |
thin |
medium |
thick |
np. 2px; |
outline: | |
---|---|
outline-width || outline-style || outline-color | |
np. outline: 5px ridge; |
np. outline: ridge silver; |
np. outline: 5px ridge silver; |
outline-offset: |
---|
length |
np. outline-offset: 10px; |
np. outline-offset: -10px; |
text-overflow: | ||
---|---|---|
clip; {1,2} | ellipsis; {1,2} | string {1,2} np. " (⋯) "; |
resize: | |||
---|---|---|---|
none; | both; | horizontal; | vertical; |
caret-color: | |
---|---|
auto; | color np. red; |
cursor: | |||||
---|---|---|---|---|---|
uri | auto; | crosshair; | default; | pointer; | move; |
text; | wait; | progress; | e-resize; | ne-resize; | nw-resize; |
n-resize; | se-resize; | sw-resize; | s-resize; | w-resize; | help; |
grab; * | grabbing; * | context-menu; * | cell; * | vertical-text; * | alias; * |
copy; * | no-drop; * | not-allowed; * | ew-resize; * | ns-resize; * | nesw-resize; * |
nwse-resize; * | col-resize; * | row-resize; * | all-scroll; * | zoom-in; * | zoom-out; * |
*) - CSS3
Typy plików kursora: .cur, .png, .gif, .jpg, .svg, .ani, …