如何在javafx中设置边框间距

Question

如何在javafx中使用边框间距属性？

喜欢 css 为 html

table.ex1 {
    border-collapse: separate;
    border-spacing: 10px 50px;
}

如何在 javafx 中使用边框间距？

在 TabPane 中，我想在每个选项卡下放置一个底部边框，我的 css 是

.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
    -fx-border-width: 4px;
    -fx-border-color: transparent transparent white transparent;


}

它工作正常，我有漂亮的底部边框，但我需要更多的边框间距，所以有人请告诉我该怎么做吗？

提前致谢。

Answer 1

添加一些-fx-border-insets。像

.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
    -fx-border-width: 4px, 0px;
    -fx-border-color: transparent transparent white transparent, transparent;
    -fx-border-insets: 0px 0px 2px 0px, 0px 0px 4px 0px ;

}

查看CSS documentation for Region了解详情。

Answer 2

.tab:top{
-fx-background-color: transparent;
-fx-border-insets: 0 0 0 0;
-fx-border-color: white white white white ; 
-fx-padding: 15px;
}

我认为在 javafx css 中没有边界间距类型属性但无论如何你可以在 TabPane 中通过 -fx-padding 属性选项卡来实现。

如何在javafx中设置边框间距

how to set border spacing in javafx

css

javafx

border-spacing