该物业＆＃34; -fx-background-insets＆＃34;它的平均值和所有方法

Question

财产的每个参数是什么＆＃34; -fx-background-insets＆＃34;按照＆＃34; BUTTON＆＃34;的风格表演？ 我最近使用JavaFX。当我更改参数＆＃34; 2＆＃34;至于＆＃34; 200＆＃34;，按钮的风格看起来没什么不同。

<Grid>
    <cl:Valve x:Name="valve201A" DataContext="{Binding Valve201A}" />
</Grid>

Answer 1

根据documentation，这些值表示为

  

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

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

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

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

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

Answer 2

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