属性“-fx-background-insets”是什么意思及其参数的所有手段

Question

属性“-fx-background-insets”的每个参数对“BUTTON”的样式有什么影响？我最近在使用 JavaFX。当我将参数“2”更改为“200”时，按钮的样式看起来没有什么不同。

.button{    
-fx-background-insets: 0 0 0 0, 0, 1, 2;
}

Answer 1

.custom-node {
-fx-background-color: skyblue, derive(skyblue, 25%), derive(skyblue, 50%), derive(skyblue, 75%);
-fx-background-insets: 20, 40, 60, 80;
-fx-border-color: red; /* set border to red*/
-fx-border-width: 3; /* border width 3px */

https://jojorabbitjavafxblog.wordpress.com/2011/07/11/javafx-2-0-css-styling-part-1/

ps：白色是根背景色

Answer 2

根据文档，这些值表示为

一系列大小值或四个大小值的集合，以逗号分隔。单个大小值意味着所有插图都相同。否则，每个插图的四个值按上、右、下、左的顺序给出。系列中的每个逗号分隔值或值集都适用于相应的背景颜色。

因此，在您的示例中，插图适用于一系列四种背景颜色（由提供给属性的四个逗号分隔值定义-fx-background-color）。

第一个在所有四个边都有零插入（明确表示为四个零的列表）。

第二个在所有四个边上也有零插入（使用单个零值的简写定义）。

第三个和第四个分别具有一个像素和两个像素的插图，同样使用单个值定义。