属性“-fx-background-insets”的含义是什么，以及它的所有方法

Posted 2021-03-28

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

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

答案

根据documentation，这些值表示为

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

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

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

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

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

另一答案

.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：白色是根背景色