如何在 javaFX 中使用带有 CSS 的部分边框？

Question

所以我正在开发一个应用程序，在菜单栏中，我想给菜单元素一些看起来很酷的分隔符。 所以我找到了一种似乎适用于 HTML 的方法：

.menu
{
    border-right: 2px dotted #666666;
}

所以我只是把“-fx-”放在“border-right...”之前，但这没有用。 经过更多研究后，我发现我应该将宽度、样式和颜色分开，所以它应该看起来像这样：

.menu
{
     -fx-border-right-width: 2px;
     -fx-border-right-style: dotted;
     -fx-border-right-color: #666666;
}

但它再次失败。 那么有没有办法用菜单的border-right属性来做到这一点，或者我应该寻找另一种方法来做到这一点？

Answer 1

请参阅文档。 在 JavaFX CSS 中，边框（和其他属性）使用单个值（表示所有边的值）或由空格分隔的四个值（表示顶部、右侧、底部和左侧的值）指定。

所以

.menu {
    -fx-border-width: 0px 2px 0px 0px ;
    -fx-border-color: #666666;
    -fx-border-style: dotted;
}

应该做你正在寻找的东西。

这是一个快速测试工具：

public class HelloApplication extends Application {
    @Override
    public void start(Stage stage) throws IOException {
        BorderPane root = new BorderPane();
        Region menu = new Region();
        menu.getStyleClass().add("menu");
        root.setCenter(menu);
        BorderPane.setMargin(menu, new Insets(10));
        Scene scene = new Scene(root, 800, 500);
        scene.getStylesheets().add(getClass().getResource("style.css").toExternalForm());
        stage.setScene(scene);
        stage.show();
    }

    public static void main(String[] args) {
        launch();
    }
}

使用style.css包含上面的 CSS 代码。 这给