javaFX - CSS (inline 스타일)

javaFX CSS 스타일

 

 JavaFX UI를 담당하는 컨트롤러와 컨트롤은 HTML에 CSS를 적용하는 것처럼 CSS를 적용할 수 있다.

 

HTML에 적용할 때와 다른 점 : 속성명 앞에 "-fx-" 가 붙음.

 

JavaFX의 기본 CSS 는  modena.css에 작성되어 있음.

 

기본 CSS 대신 다른 모양이나 색깔을 주고 싶으면 커스텀 CSS 를 정의해면 됨.

 

커스텀 CSS : 기본 CSS를 오버라이딩해서 기본 속성을 변경 or 새로운 석성을 정의한 것.

 

정의하는 방법

 

1. inline 스타일로 컨테이너 or 컨트롤의 style 속성을 이용하여 CSS에 직접 적용.

 

2. 외부 CSS 파일을 생성해서 Scene에 적용

 

ex)

<?xml version="1.0" encoding="UTF-8"?>



<?import javafx.scene.layout.*?>

<?import javafx.scene.control.*?>

<?import java.lang.*?>



<HBox xmlns:fx="http://javafx.com/fxml"

prefHeight="50" prefWidth="400" alignment="CENTER" spacing="20">

   <children>

<Label text="검정바탕,노란글씨"

style="-fx-background-color: black; -fx-text-fill: yellow; -fx-padding: 5;"/>

<Label text="파란바탕,흰글씨"

style="-fx-background-color: blue; -fx-text-fill: white; -fx-padding: 5;"/>

<Label text="파란바탕,흰글씨"

style="-fx-background-color: blue; -fx-text-fill: white; -fx-padding: 5;"/>

   </children>

 

</HBox>

.