CSSで背景の角に丸みをつける

背景の角に丸みを付けるには「-fx-background-radius」を使用します。注意点は、背景に丸みを付けても枠線には丸みが付きません。コントロールそのものに丸みを付けるには「-fx-border-radius」も同時に指定する必要があります。
＜＜　-fx-border-radiusの解説はこちら　＞＞

-fx-background-radius [ 数値 ]

各種コントロールのsetStyleメソッドで「-fx-background-radius:50px;」を設定した実行結果を以下に示します。(実行結果を明確にするため、表示内容を装飾しています)


			 setStyle( "-fx-background-radius:50px;" )

実行例

Label

【 Label 実行結果】

Button

【 Button 実行結果】

TextField

【 TextField 実行結果】

TextArea

背景の角に丸みはついているようですが、あまり意味をなしていません。

【 TextArea 実行結果】

CheckBox

【 CheckBox 実行結果】

RadioButton

【 RadioButton 実行結果】

ChoiceBox

【 ChoiceBox 実行結果】

ListView

背景の角に丸みはついているようですが、あまり意味をなしていません。

【 ListView 実行結果】

ComboBox

【 ComboBox 実行結果】

Slider

変化なし

【 Slider 実行結果】

Progress

変化なし

【 Progress 実行結果】

ToolBar

【 ToolBar 実行結果】

TreeView

背景の角に丸みはついているようですが、あまり意味をなしていません。

【 TreeView 実行結果】

TreeTableView

背景の角に丸みはついているようですが、あまり意味をなしていません。

【 TreeTableView 実行結果】

Back JavaFX Menu