Hướng dẫn important css javafx - css javafx quan trọng

Dẫn nhập

JavaFXlà một công nghệ phát triển giao diện máy tính trên nền tảng Java nhằm thay thế công nghệ cũ Java Swing, Java AWT với những cấu trúc và cách viết dễ sử dụng, thân thiện với lập trình viên nhiều hơn

Show

Qua khoá học JavaFX Cơ bản, Kteam sẽ cung cấp những kiến thức lập trình cơ bản về thiết kế giao diện phần mềm, giúp các bạn có thể tạo ra những phần mềm phục vụ cho học tập và công việc.


Nội dung

Nội dung bao gồm Source code & các lưu ý chính về quá trình thực hiện phần mềm. Kteam khuyến khích bạn cập nhập thêm nhiều kinh nghiệm cũng như hiểu chi tiết hơn về các kỹ thuật được đề cập trong bài học thông qua các video đính kèm.

Kiến thức cần nắm để học serial này:

  • Java Cơ bản.
  • Java Hướng đối tượng.

Project tham khảo

Main10.java

package sample.Main10;

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class Main10 extends Application {

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

    @Override
    public void start(Stage primaryStage) {
        try{
            Parent root = FXMLLoader.load(getClass().getResource("sample.fxml"));
            Scene scene = new Scene(root);
            scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());
            primaryStage.setScene(scene);
            primaryStage.show();
        }catch (Exception e){
           e.printStackTrace();
        }
    }
}

application.css

.button1 {
    -fx-font-size: 20px;
    -fx-background-color: rgba(0,150,150,1);
    -fx-padding: 5 5 5 5;
    -fx-font-weight: bold;
    -fx-text-fill: green;
}
.root {
    -fx-background-color: gray;
}

sample.fxml

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

<?import javafx.scene.control.Button?>
<?import javafx.scene.layout.AnchorPane?>

<AnchorPane prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/9" xmlns:fx="http://javafx.com/fxml/1">
   <children>
      <Button layoutX="262.0" layoutY="89.0" mnemonicParsing="false" text="Button" />
      <Button layoutX="262.0" layoutY="151.0" mnemonicParsing="false" text="Button" />
      <Button layoutX="262.0" layoutY="225.0" mnemonicParsing="false" styleClass="button1" text="Button" />
   </children>
</AnchorPane>

Tải Project

Nếu việc thực hành theo hướng dẫn không diễn ra suôn sẻ như mong muốn. Bạn cũng có thể tải xuống PROJECT THAM KHẢO ở link bên dưới! 

Hướng dẫn important css javafx - css javafx quan trọng


Kết

Trong bài này, chúng ta đã tìm hiểu cách Định dạng bằng CSS trong JavaFX.

Ở bài sau, Kteam sẽ giới thiệu đến bạn về TREEVIEW TRONG JAVAFX.

Cảm ơn các bạn đã theo dõi bài viết. Hãy để lại bình luận hoặc góp ý của mình để phát triển bài viết tốt hơn. Và đừng quên “Luyện tập – Thử Thách – Không ngại khó


Thảo luận

Nếu bạn có bất kỳ khó khăn hay thắc mắc gì về khóa học, đừng ngần ngại đặt câu hỏi trong phần bên dưới hoặc trong mục HỎI & ĐÁP trên thư viện Howkteam.com để nhận được sự hỗ trợ từ cộng đồng.

Nội dung

Tài sản CSS

Biểu đồ-KIƯỜN-SHERO-LINE-dòng

Giá trị

Giá trị

Giá trị

Biểu đồ-KIƯỜN-SHERO-LINE-dòng

Mặc định

Kiểu CSS được áp dụng không đồng bộ. Đó là, các kiểu CSS được tải và các giá trị được chuyển đổi và gán một thời gian sau khi một đối tượng biểu đồ cảnh đã được tạo và thêm vào biểu đồ cảnh, nhưng trước khi biểu đồ cảnh được đặt và vẽ trước tiên. Ngoài ra, nếu các kiểu áp dụng cho một đối tượng đã thay đổi (ví dụ, vì lớp giả của nó đã thay đổi), các giá trị từ các kiểu mới được áp dụng sẽ không được áp dụng ngay lập tức. Thay vào đó, chúng sẽ được áp dụng đôi khi sau khi trạng thái của đối tượng đã thay đổi nhưng trước khi cảnh tiếp theo được vẽ. Có thể một kiểu có thể áp dụng cho một biến trong một đối tượng JavAFX đã được chương trình JavAFX gán một giá trị. Do các kiểu CSS được áp dụng không đồng bộ, có thể các giá trị có thể được chỉ định bởi một chương trình và được sử dụng trong một thời gian trước khi bị CSS ghi đè vào thời điểm tùy ý sau đó.

Giá trịMặc địnhGiá trị

Mặc địnhid variable, a string. This is analogous to the id="..." attribute that can appear HTML elements. Supplying a string for a node's id variable causes style properties for this node to be looked up using that id. Styles for specific ids can be specified using the "#nodeid" selector syntax in a style sheet.

Giá trị

Phong cách CSS có thể đến từ các phong cách hoặc phong cách nội tuyến. Các bảng kiểu được tải từ các URL được chỉ định trong biến bảng kiểu của đối tượng cảnh. Nếu biểu đồ cảnh chứa một điều khiển, một bảng kiểu tác nhân người dùng mặc định sẽ được tải. Các kiểu nội tuyến được chỉ định thông qua API nút SetStyle. Các kiểu nội tuyến tương tự như kiểu = "..." thuộc tính của một phần tử HTML. Các kiểu được tải từ các bảng phong cách của một cảnh được ưu tiên hơn các quy tắc từ bảng kiểu tác nhân người dùng. Phong cách nội tuyến Take & nbsp; Ưu tiên các phong cách bắt nguồn từ nơi khác. Thứ tự ưu tiên của các quy tắc phong cách có thể được sửa đổi bằng cách sử dụng "! Quan trọng" trong một tuyên bố kiểu. & Nbsp;stylesheets variable of the Scene object. If the scene graph contains a Control, a default user agent style sheet is loaded. Inline styles are specified via the Node setStyle API. Inline styles are analogous to the style="..." attribute of an HTML element. Styles loaded from a Scene's style sheets take precedence over rules from the user agent style sheet. Inline styles take  precedence over styles originating elsewhere. The precedence order of style rules can be modified using "!important" in a style declaration. 

Mặc định

Tài sản CSS

Tài sản CSS

Việc triển khai cho phép các nhà thiết kế tạo kiểu cho một ứng dụng bằng cách sử dụng các bảng kiểu để ghi đè các giá trị thuộc tính được đặt từ mã. Điều này có ý nghĩa đối với thác; Đặc biệt, khi nào một kiểu từ một bảng kiểu ghi đè một giá trị được đặt từ mã? Việc triển khai JAVAFX CSS áp dụng thứ tự ưu tiên sau; & nbsp; một kiểu từ biểu định kiểu tác nhân người dùng có mức độ ưu tiên thấp hơn so với giá trị từ mã, ưu tiên thấp hơn so với bảng kiểu cảnh hoặc cha mẹ. Phong cách nội tuyến có ưu tiên cao nhất. Phong cách từ một ví dụ phụ huynh được coi là cụ thể hơn so với các phong cách từ các bảng phong cách cảnh.

"Dữ liệu biểu đồ màu mặc định mặc định"

Biểu đồ-KIƯỜN-SHERO-LINE-dòng

Mặc dù trình phân tích cú pháp CSS JavAFX sẽ phân tích cú pháp CSS hợp lệ, nhưng nó không phải là trình phân tích cú pháp CSS tuân thủ đầy đủ. Người ta không nên mong đợi trình phân tích cú pháp xử lý cú pháp không được chỉ định trong tài liệu này.

Biểu đồ-KIƯỜN-SHERO-LINE-dòng

": First-Child" và ": Lang" Pseudo-Classes không được hỗ trợ. ": Dòng đầu tiên", ": chữ cái đầu tiên", ": sau" và ": trước" các yếu tố giả không được hỗ trợ.

Biểu đồ-KIƯỜN-SHERO-LINE-dòng

Giá trị

JAVAFX CSS không hỗ trợ loạt các tên gia đình phông chữ được phân tách bằng dấu phẩy trong thuộc tính-font-font-font. Tham số chiều cao dòng tùy chọn khi chỉ định phông chữ không được hỗ trợ. Không có tương đương cho thuộc tính font-biến thể.

Tài sản CSS

Giá trị

Tại thời điểm này, các giao diện lập trình cần thiết cho một lớp để khai báo hỗ trợ cho các thuộc tính CSS, để chuyển đổi và tải các giá trị này từ các bảng kiểu CSS thành các biến đối tượng và để khai báo và thông báo cho các thay đổi đối với các lớp giả của đối tượng, được coi là giao diện bên trong và không thể truy cập trực tiếp vào các ứng dụng.

Nếu một thuộc tính của một nút được khởi tạo bằng cách gọi phương thức đặt của thuộc tính, việc triển khai CSS sẽ xem đây là giá trị đặt người dùng và giá trị sẽ không bị ghi đè bởi một kiểu từ bảng kiểu tác nhân người dùng. & NBSP;

Di sản

CSS cũng cung cấp cho các thuộc tính nhất định được kế thừa theo mặc định hoặc được kế thừa nếu giá trị thuộc tính là 'kế thừa'. Nếu một giá trị được kế thừa, nó được kế thừa từ giá trị được tính toán của cha mẹ trong cây tài liệu. Trong javafx, kế thừa là tương tự, ngoại trừ thay vì các phần tử trong cây tài liệu, sự kế thừa xảy ra từ các nút mẹ trong biểu đồ cảnh.

Các thuộc tính sau được kế thừa theo mặc định. Bất kỳ tài sản nào cũng có thể được thực hiện để thừa hưởng bằng cách cho nó giá trị "kế thừa".


LớpTài sảnTài sản CSSGiá trị ban đầu
javafx.scene.nodecon trỏ-fx-cursorjavafx.scene.cursor.default
javafx.scene.text.textTextalign-fx-text-atornmentjavafx.scene.text.textalign.left
javafx.scene.text.fontnét chữ-fx fontFont.default (hệ thống 12px)

Trong hệ thống phân cấp của các lớp javafx (ví dụ, hình chữ nhật là một phân lớp hình dạng, do đó là một lớp con của nút), các thuộc tính CSS của tổ tiên cũng là các thuộc tính CSS của hậu duệ. Điều này có nghĩa là một lớp con sẽ đáp ứng với cùng một tập hợp các thuộc tính như các lớp tổ tiên của nó và các thuộc tính bổ sung mà nó tự xác định. Vì vậy, một hình dạng hỗ trợ tất cả các thuộc tính của nút cộng với một vài thuộc tính khác và hình chữ nhật hỗ trợ tất cả các thuộc tính của hình dạng cộng với một vài thuộc tính nữa. Tuy nhiên, vì sử dụng tên lớp JavAFX làm bộ chọn loại là khớp chính xác, việc cung cấp các khai báo kiểu cho một hình dạng sẽ không khiến hình chữ nhật sử dụng các giá trị đó (trừ khi giá trị .CSS cho thuộc tính của hình chữ nhật là "kế thừa").

Ví dụ

Hãy xem xét ứng dụng JavAFX đơn giản sau:

Cảnh cảnh = cảnh mới (nhóm mới ()); cảnh Hình chữ nhật trực tràng = hình chữ nhật mới (100.100); orth.setlayoutx (50); orth.setlayouty (50); orth.getStyleClass (). Thêm ("My-rect"); ((Nhóm) cảnh.getRoot ()). GetChildren (). Thêm (trực tràng);
scene.getStylesheets().add(“test.css”);
Rectangle rect = new Rectangle(100,100);
rect.setLayoutX(50);
rect.setLayoutY(50);
rect.getStyleClass().add("my-rect");
((Group)scene.getRoot()).getChildren().add(rect);

Không có bất kỳ kiểu dáng, điều này sẽ hiển thị một hình chữ nhật màu đen trơn. Nếu Test.css chứa các mục sau:

.my-rect {-fx-fill: màu đỏ; }

Hình chữ nhật sẽ có màu đỏ thay vì màu đen:

Hướng dẫn important css javafx - css javafx quan trọng

Nếu Test.css chứa các mục sau:

.my-rect {& nbsp; & nbsp; & nbsp; -fx-fill: màu vàng; & nbsp; & nbsp; & nbsp; -fx-thì: xanh; & nbsp; & nbsp; & nbsp; -fx-stroke-width: 5; & nbsp; & nbsp; & nbsp; -fx-stroke-dash-marray: 12 2 4 2; & nbsp; & nbsp; & nbsp; -fx-stroke-dash-offset: 6; & nbsp; & nbsp; & nbsp; -fx-stroke-line-cap: mông; }
    -fx-fill: yellow;
    -fx-stroke: green;
    -fx-stroke-width: 5;
    -fx-stroke-dash-array: 12 2 4 2;
    -fx-stroke-dash-offset: 6;
    -fx-stroke-line-cap: butt;
}

Kết quả sẽ là một hình chữ nhật màu vàng với đường viền màu xanh lá cây đứt nét độc đáo:

Hướng dẫn important css javafx - css javafx quan trọng

Hiểu cảnh báo phân tích cú pháp

Khi trình phân tích cú pháp JAVAFX CSS gặp phải lỗi cú pháp, một thông báo cảnh báo được phát ra sẽ truyền tải nhiều thông tin có sẵn để giúp giải quyết lỗi. Ví dụ

Cảnh báo: com.sun.javafx.css.parser.cssparser tuyên bố dự kiến ​​'' trong khi phân tích '-fx-background-color' tại? [1,49]

Tiền mật '? [1,49]' liên quan đến vị trí của lỗi. Định dạng của chuỗi vị trí là?[1,49]' pertains to the location of the error. The format of the location string is

[dòng, vị trí]

Nếu lỗi được tìm thấy trong khi phân tích tệp, URL tệp sẽ được đưa ra. Nếu lỗi là từ một kiểu nội tuyến (như trong ví dụ trên), URL được đưa ra dưới dạng dấu hỏi. Dòng và vị trí cho một phần bù vào tệp hoặc chuỗi nơi mã thông báo bắt đầu. Xin lưu ý rằng dòng và vị trí có thể không chính xác trong các bản phát hành trước JAVAFX 2.2.

Các ứng dụng cần phát hiện lỗi từ trình phân tích cú pháp có thể thêm người nghe vào thuộc tính lỗi của com.sun.javafx.css.stylemanager. Đây không phải là API công khai và có thể thay đổi.

Loại

thừa kế

Mỗi thuộc tính có một loại, xác định loại giá trị và cú pháp để chỉ định các giá trị đó. Ngoài ra, mỗi thuộc tính có thể có một giá trị 'kế thừa' được chỉ định, có nghĩa là, đối với một nút nhất định, thuộc tính có cùng giá trị được tính toán với thuộc tính cho cha mẹ của nút. Giá trị 'kế thừa' có thể được sử dụng trên các thuộc tính thường không được kế thừa.

Nếu giá trị 'kế thừa' được đặt trên phần tử gốc, thuộc tính được gán giá trị ban đầu của nó.

Các giá trị Boolean có thể có giá trị chuỗi của "true" hoặc "false", các giá trị không nhạy cảm vì tất cả các CSS không nhạy cảm.

Các giá trị Boolean có thể có giá trị chuỗi của "true" hoặc "false", các giá trị không nhạy cảm vì tất cả các CSS không nhạy cảm.

Chuỗi có thể được viết bằng dấu ngoặc kép hoặc có trích dẫn đơn. Báo giá kép không thể xảy ra bên trong các trích dẫn kép, trừ khi thoát ra (ví dụ: là '\ "' hoặc là '\ 22'). Tương tự cho các trích dẫn đơn (ví dụ:" \ '"hoặc" \ 27 ").
"this is a \"string\""
'this is a "string"'
'this is a \'string\''

"Đây là một 'chuỗi'" "Đây là một \" chuỗi \ "" 'Đây là một "chuỗi"' 'Đây là một \' String \ ''

Một chuỗi không thể trực tiếp chứa một dòng mới. Để bao gồm một dòng mới trong một chuỗi, hãy sử dụng một lối thoát đại diện cho ký tự nguồn cấp dữ liệu trong ISO-10646 (U+000a), chẳng hạn như "\ A" hoặc "\ 00000a". Nhân vật này đại diện cho khái niệm chung của "Newline" trong CSS. Xem thuộc tính 'nội dung' để biết một ví dụ.

Không có giá trị

[+|-]? [[0-9]+| [0-9]*"." [0-9]+]

Lưu ý rằng nhiều thuộc tính cho phép số nguyên hoặc số thực là một giá trị thực sự hạn chế giá trị ở một số phạm vi, thường là giá trị không âm.

Một kích thước là một đơn vị hoặc nếu các đơn vị không được chỉ định thì được chỉ định 'Px' được giả định.

Một kích thước là một đơn vị hoặc nếu các đơn vị không được chỉ định thì được chỉ định 'Px' được giả định.

Một kích thước là một đơn vị hoặc nếu các đơn vị không được chỉ định thì được chỉ định 'Px' được giả định.

Một kích thước là một đơn vị hoặc nếu các đơn vị không được chỉ định thì được chỉ định 'Px' được giả định.

[PX | mm | cm | trong | pt | PC | em | Ví dụ ]?

Không cho phép khoảng trắng giữa số và đơn vị nếu được cung cấp. Một số đơn vị là tương đối và những đơn vị khác tuyệt đối.

  • Quan hệ: pixels, relative to the viewing device
  • PX: pixel, liên quan đến thiết bị xem: the 'font-size' of the relevant font
  • Em: 'kích thước phông chữ' của phông chữ có liên quan: the 'x-height' of the relevant font

Vd: 'X-Height' của phông chữ có liên quan

  • Tuyệt đối: inches — 1 inch is equal to 2.54 centimeters.
  • Trong: inch - 1 inch bằng 2,54 cm.: centimeters
  • CM: Centimet: millimeters
  • mm: milimet: points — the points used by CSS 2.1 are equal to 1/72nd of an inch.
  • PT: Điểm - Các điểm được sử dụng bởi CSS 2.1 bằng 1/72 inch.: picas — 1 pica is equal to 12 points.

PC: PICAS - 1 PICA bằng 12 điểm.

Em: 'kích thước phông chữ' của phông chữ có liên quan

Đây là một tỷ lệ phần trăm của một số chiều dài, thường là chiều rộng hoặc chiều cao của một nút.

Một kích thước là một đơn vị hoặc nếu các đơn vị không được chỉ định thì được chỉ định 'Px' được giả định.

Một kích thước là một đơn vị hoặc nếu các đơn vị không được chỉ định thì được chỉ định 'Px' được giả định.

[PX | mm | cm | trong | pt | PC | em | Ví dụ ]?

  • Không cho phép khoảng trắng giữa số và đơn vị nếu được cung cấp. Một số đơn vị là tương đối và những đơn vị khác tuyệt đối.: angle in degrees - all other angle units are converted to degrees.
  • Quan hệ: angle in radians
  • PX: pixel, liên quan đến thiết bị xem: angle in gradians
  • Em: 'kích thước phông chữ' của phông chữ có liên quan: angle in turns

Một kích thước là một đơn vị hoặc nếu các đơn vị không được chỉ định thì được chỉ định 'Px' được giả định.

Vd: 'X-Height' của phông chữ có liên quan

Tuyệt đối

Một kích thước là một đơn vị hoặc nếu các đơn vị không được chỉ định thì được chỉ định 'Px' được giả định.

Trong: inch - 1 inch bằng 2,54 cm.

CM: Centimet

mm: milimet

PT: Điểm - Các điểm được sử dụng bởi CSS 2.1 bằng 1/72 inch.red, white 70%, blue" is valid since the distance for red and blue is assumed to be 0% and 100%, respectively.

PC: PICAS - 1 PICA bằng 12 điểm.red 10, white, blue 90" is valid. Because distance for red and blue is 10 and 90, respectively, the distance for white can be calculated.

Em: 'kích thước phông chữ' của phông chữ có liên quanred, white 70, blue" is not valid since distance units do not agree.

Đây là một tỷ lệ phần trăm của một số chiều dài, thường là chiều rộng hoặc chiều cao của một nút.red, white, blue" is valid. The stops are distributed evenly between 0% and 100%.

Một kích thước là một đơn vị hoặc nếu các đơn vị không được chỉ định thì được chỉ định 'Px' được giả định.

[ %]

Một góc là một với một trong các đơn vị sau. can be an absolute URI, for example:

[DEG | rad | grad | xoay ]
url('http://example.com')
url("http://example.com")

DEG: Góc tính theo độ - Tất cả các đơn vị góc khác được chuyển đổi thành độ.

PC: PICAS - 1 PICA bằng 12 điểm.

JAVAFX CSS hiện hỗ trợ các hiệu ứng Dropshadow và Innershadow từ nền tảng JAVAFX. Xem tài liệu lớp trong javafx.scene.effect để biết thêm chi tiết về ngữ nghĩa của các tham số hiệu ứng khác nhau.

Đây là một tỷ lệ phần trăm của một số chiều dài, thường là chiều rộng hoặc chiều cao của một nút.

[ %]

Một góc là một với một trong các đơn vị sau.

[DEG | rad | grad | xoay ]
The shadow Color.
The radius of the shadow blur kernel. In the range [0.0 ... 127.0], typical value 10.
The spread of the shadow. The spread is the portion of the radius where the contribution of the source material will be 100%. The remaining portion of the radius will have a contribution controlled by the blur kernel. A spread of 0.0 will result in a distribution of the shadow determined entirely by the blur algorithm. A spread of 1.0 will result in a solid growth outward of the source material opacity to the limit of the radius with a very sharp cutoff to transparency at the radius. Values should be in the range [0.0 ... 1.0].
The shadow offset in the x direction, in pixels.
The shadow offset in the y direction, in pixels.

DEG: Góc tính theo độ - Tất cả các đơn vị góc khác được chuyển đổi thành độ.

RAD: Góc trong radian

grad: góc độ trong gradians

Turn: góc lần lượt
The shadow Color.
The radius of the shadow blur kernel. In the range [0.0 ... 127.0], typical value 10.
The choke of the shadow. The choke is the portion of the radius where the contribution of the source material will be 100%. The remaining portion of the radius will have a contribution controlled by the blur kernel. A choke of 0.0 will result in a distribution of the shadow determined entirely by the blur algorithm. A choke of 1.0 will result in a solid growth inward of the shadow from the edges to the limit of the radius with a very sharp cutoff to transparency inside the radius. Values should be in the range [0.0 ... 1.0].
The shadow offset in the x direction, in pixels.
The shadow offset in the y direction, in pixels.

JAVAFX CSS hỗ trợ khả năng chỉ định phông chữ bằng cách sử dụng các thuộc tính gia đình, kích thước, kiểu dáng và trọng lượng riêng biệt, cũng như khả năng chỉ định một phông chữ bằng một thuộc tính tốc ký duy nhất. Có bốn loại giá trị liên quan đến phông chữ cộng với một thuộc tính tốc ký bao gồm tất cả bốn thuộc tính. Các loại liên quan đến phông chữ như sau.

Một điểm là một tọa độ {x, y}.

[[] & nbsp; | & nbsp; [| ]]The string name of the font family. An actual font family name available on the system can be used, or one of the following generic family names can be used:

  • 'serif' (ví dụ: thời gian)
  • 'sans-serif' (ví dụ: helvetica)
  • 'Cursive' (ví dụ: Zapf-Chancery)
  • 'tưởng tượng' (ví dụ: phương Tây)
  • 'monospace' (ví dụ: chuyển phát nhanh)

Kích thước của phông chữ, sử dụng cú pháp. The size of the font, using the syntax.

Phong cách của phông chữ, sử dụng cú pháp sau: [Bình thường | in nghiêng | xiên] The font's style, using the following syntax:
[ normal | italic | oblique ]

Trọng lượng của phông chữ, sử dụng cú pháp sau: [Bình thường | táo bạo | táo bạo hơn | nhẹ hơn | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900] The font's weight, using the following syntax:
[ normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 ]

Thuộc tính tốc ký phông chữ này có thể được sử dụng thay cho các thuộc tính trên. Nó sử dụng cú pháp sau: [[|| ]? ] This font shorthand property can be used in place of the above properties. It uses the following syntax:
[[ || ]? ]

Thuộc tính phông chữ

Hầu hết các lớp sử dụng văn bản sẽ hỗ trợ các thuộc tính phông chữ sau. Trong một số trường hợp, một tập hợp các thuộc tính tương tự sẽ được hỗ trợ nhưng với tiền tố khác nhau thay vì "-fx-font".

Tài sản CSSGiá trịMặc địnhBình luận
-fx fontthừa kếthừa kếtài sản tốc ký cho kích thước phông chữ, phông chữ, trọng lượng phông chữ và kiểu phông chữ
-fx-font-familythừa kếthừa kếtài sản tốc ký cho kích thước phông chữ, phông chữ, trọng lượng phông chữ và kiểu phông chữ
-fx-font-familythừa kếthừa kếtài sản tốc ký cho kích thước phông chữ, phông chữ, trọng lượng phông chữ và kiểu phông chữ
-fx-font-familythừa kếthừa kếtài sản tốc ký cho kích thước phông chữ, phông chữ, trọng lượng phông chữ và kiểu phông chữ
-fx-font-familythừa kếthừa kếtài sản tốc ký cho kích thước phông chữ, phông chữ, trọng lượng phông chữ và kiểu phông chữ

-fx-font-family

& nbsp;

-fx-font-size

-FX-font-style

-fx-font-weight

Các giá trị sơn có thể là một màu rắn được chỉ định trong một trong các cú pháp màu hoặc chúng có thể là một gradient tuyến tính hoặc xuyên tâm.
If neither [from to ] nor [ to ] are given, then the gradient direction defaults to 'to bottom'.
Stops are per W3C color-stop syntax and are normalized accordingly.

Các giá trị sơn có thể là một màu rắn được chỉ định trong một trong các cú pháp màu hoặc chúng có thể là một gradient tuyến tính hoặc xuyên tâm.

| |

Độ dốc tuyến tính

Độ dốc tuyến tính tạo ra một gradient đi mặc dù tất cả các màu dừng dọc theo ranh giới giữa "từ" và "đến". Nếu các điểm là tỷ lệ phần trăm, thì chúng liên quan đến kích thước của khu vực được lấp đầy. Kích thước tỷ lệ phần trăm và chiều dài không thể được trộn trong một hàm gradient duy nhất.

Nếu không lặp lại cũng như phản xạ được đưa ra, thì Cyclemethod mặc định "NO_CYCLE". Nếu cả [từ] cũng không [đến] được đưa ra, thì hướng gradient mặc định là 'xuống dưới'. Các điểm dừng là trên mỗi cú pháp-stop màu W3C và được chuẩn hóa cho phù hợp.

Ví dụ này sẽ tạo ra một gradient từ trên cùng bên trái sang dưới cùng bên phải của khu vực đầy màu đỏ ở góc trên bên trái và màu đen ở phía dưới bên phải.

Linear-tordient (xuống dưới bên phải, đỏ, đen)

Điều này tương đương với:

Linear-Gradient (từ 0% 0% đến 100% 100%, đỏ 0%, đen 100%)

Ví dụ phức tạp hơn này sẽ tạo ra một thanh cao 50px ở trên cùng với độ dốc 3 màu với màu trắng bên dưới cho phần còn lại của khu vực đầy.

Linear-Gradient (từ 0px 0px đến 0px 50px, màu xám, darkgray 50%, dimgray 99%, trắng)
Stops are per W3C color-stop syntax and are normalized accordingly.

Cú pháp sau đây cho gradient tuyến tính không phù hợp với ngữ pháp CSS và không được dùng trong Javafx 2.0. Trình phân tích cú pháp JAVAFX 2.0 CSS hỗ trợ cú pháp nhưng hỗ trợ này có thể bị xóa trong các bản phát hành sau.

tuyến tính (,) đến (,) dừng [(,)]+ [lặp lại | phản ánh ]?

Độ dốc xuyên tâm

Radial-Gradient ([tập trung,]?

Nếu không lặp lại cũng như phản xạ được đưa ra, thì Cyclemethod mặc định "NO_CYCLE". Các điểm dừng là trên mỗi cú pháp-stop màu W3C và được chuẩn hóa cho phù hợp.

-fx-font-family

& nbsp;

-fx-font-size

-FX-font-style

-fx-font-weight
    -fx-background-color: red;
}

| | | |


Các giá trị sơn có thể là một màu rắn được chỉ định trong một trong các cú pháp màu hoặc chúng có thể là một gradient tuyến tính hoặc xuyên tâm.
| |
Độ dốc tuyến tính
Độ dốc tuyến tính tạo ra một gradient đi mặc dù tất cả các màu dừng dọc theo ranh giới giữa "từ" và "đến". Nếu các điểm là tỷ lệ phần trăm, thì chúng liên quan đến kích thước của khu vực được lấp đầy. Kích thước tỷ lệ phần trăm và chiều dài không thể được trộn trong một hàm gradient duy nhất.

Nếu không lặp lại cũng như phản xạ được đưa ra, thì Cyclemethod mặc định "NO_CYCLE". Nếu cả [từ] cũng không [đến] được đưa ra, thì hướng gradient mặc định là 'xuống dưới'. Các điểm dừng là trên mỗi cú pháp-stop màu W3C và được chuẩn hóa cho phù hợp.
Ví dụ này sẽ tạo ra một gradient từ trên cùng bên trái sang dưới cùng bên phải của khu vực đầy màu đỏ ở góc trên bên trái và màu đen ở phía dưới bên phải.
Linear-tordient (xuống dưới bên phải, đỏ, đen)
Điều này tương đương với:

Linear-Gradient (từ 0% 0% đến 100% 100%, đỏ 0%, đen 100%)
Ví dụ phức tạp hơn này sẽ tạo ra một thanh cao 50px ở trên cùng với độ dốc 3 màu với màu trắng bên dưới cho phần còn lại của khu vực đầy.
Linear-Gradient (từ 0px 0px đến 0px 50px, màu xám, darkgray 50%, dimgray 99%, trắng)
Cú pháp sau đây cho gradient tuyến tính không phù hợp với ngữ pháp CSS và không được dùng trong Javafx 2.0. Trình phân tích cú pháp JAVAFX 2.0 CSS hỗ trợ cú pháp nhưng hỗ trợ này có thể bị xóa trong các bản phát hành sau.

tuyến tính (,) đến (,) dừng [(,)]+ [lặp lại | phản ánh ]?
Độ dốc xuyên tâm
Radial-Gradient ([tập trung,]?
Nếu không lặp lại cũng như phản xạ được đưa ra, thì Cyclemethod mặc định "NO_CYCLE". Các điểm dừng là trên mỗi cú pháp-stop màu W3C và được chuẩn hóa cho phù hợp.

Sau đây là các ví dụ về việc sử dụng GRADIARD RADIAL:
Radial-Gradient (Bán kính 100%, Đỏ, Darkgray, Đen)
Radial-Gradient (tập trung 45DEG, khoảng cách lấy nét 20%, trung tâm 25%25%, bán kính 50%, phản xạ, xám, Darkgray 75%, Dimgray)
Cú pháp sau đây cho gradient xuyên tâm không phù hợp với ngữ pháp CSS và không được dùng trong Javafx 2.0. Trình phân tích cú pháp JAVAFX 2.0 CSS hỗ trợ cú pháp nhưng hỗ trợ này có thể bị xóa trong các bản phát hành sau.

Radial [góc tiêu điểm | ]]? [Phân tích tập trung]? [ trung tâm ]? dừng [(,)]+ [Lặp lại | phản ánh ]?
| | | |
Màu sắc được đặt tên
CSS hỗ trợ một loạt các màu liên tục được đặt tên. Màu sắc được đặt tên có thể được chỉ định chỉ với tên chưa được trích xuất của chúng chẳng hạn: ví dụ:

.Button {& nbsp; & nbsp; & nbsp; -fx-background-color: màu đỏ; }
Các màu được đặt tên có sẵn trong CSS là:
aliceBlue = #f0f8ff
Antiquewhite = #faebd7

Aqua = #00ffff
aquamarine = #7fffd4
Azure = #f0ffff
màu be = #f5f5dc

Bisque = #FFE4C4
đen = #000000
Blanchedalmond = #ffebcd
blue = #0000ff

BlueViolet = #8a2be2
Brown = #A52A2A
Burlywood = #Deb887
cadetBlue = #5f9ea0

Chartreuse = #7FFF00
sô cô la = #d2691e
Coral = #FF7F50
CornflowerBlue = #6495ed

cornsilk = #fff8dc
Crimson = #DC143C
Cyan = #00ffff
DarkBlue = #00008b

Darkcyan = #008b8b
darkgoldenrod = #b8860b
darkgray = #a9a9a9
darkgreen = #006400

Goldenrod = #DAA520
Grey = #808080
Green = #008000
greenyellow = #adff2f

Grey = #808080
honeydew = #f0fff0
hotpink = #ff69b4
Ấn Độ = #CD5c5c

Indigo = #4b0082
Ivory = #FFFFF0
khaki = #f0e68c
oải hương = #e6e6fa

lavenderblush = #fff0f5
Lawngreen = #7CFC00
Lemonchiffon = #fffacd
lightBlue = #add8e6

lightcoral = #f08080
lightcyan = #e0ffff
lightgoldenrodyellow = #fafad2
lightgray = #d3d3d3

lightgreen = #90EE90
lightgrey = #d3d3d3
lightpink = #ffb6c1
Lightsalmon = #FFA07A

lightreen = #20b2aa
lightskyblue = #87cefa
LightslateGray = #778899
LightslateGrey = #778899

lightsteelBlue = #b0c4de
lightyellow = #ffffe0
vôi = #00FF00
Limegreen = #32CD32

vải lanh = #faf0e6
Magenta = #ff00ff
Maroon = #800000
Mediumaquamarine = #66CDAA

Mediumblue = #0000cd
MediumorChid = #BA55D3
Mediumpurple = #9370db
MedienSeaGreen = #3CB371

MediumSlateblue = #7b68ee
MediumspringGreen = #00FA9A
MediumTurquoise = #48d1cc
MediamVioletred = #C71585

MidnightBlue = #191970
mintcream = #f5fffa
mistyrose = #ffe4e1
Moccasin = #ffe4b5

navajowhite = #ffdead
Hải quân = #000080
oldlace = #fdf5e6
Olive = #808000

Olivingrab = #6b8e23
Orange = #FFA500
Orangered = #FF4500
Hoa lan = #DA70D6

Palegoldenrod = #EEE8AA
palegreen = #98fb98
paleturquoise = #Afeeee
Palevioletred = #DB7093

papayawhip = #ffefd5
peachpuff = #ffdab9
peru = #CD853F
hồng = #ffc0cb

mận = #DDA0DD
PowderBlue = #B0E0E6
Màu tím = #800080
Red = #FF0000

RosyBrown = #BC8F8F
RoyalBlue = #4169e1
SaddleBrown = #8B4513
Salmon = #FA8072

Sandybrown = #F4A460
Biển = #2E8B57
Seashell = #fff5ee
Sienna = #A0522D

Bạc = #C0C0C0
SkyBlue = #87Ceeb
SlateBlue = #6A5ACD
Slategray = #708090

SlateGrey = #708090
Snow = #fffafa
SpringGreen = #00ff7f
SteelBlue = #4682b4

tan = #d2b48c
teal = #008080
Thistle = #D8BFD8
Tomato = #FF6347

màu ngọc lam = #40e0d0
Violet = #EE82EE
lúa mì = #f5deb3
Trắng = #FFFFFF

Whitesmoke = #f5f5f5
vàng = #ffff00
YellowGreen = #9ACD32
trong suốt = RGBA (0,0,0,0)

Màu sắc nhìn lên

Với màu sắc đã tra cứu, bạn có thể tham khảo bất kỳ thuộc tính màu nào khác được đặt trên nút hiện tại hoặc bất kỳ cha mẹ nào của nó. Đây là một tính năng rất mạnh mẽ, vì nó cho phép một bảng màu chung được chỉ định trên cảnh sau đó được sử dụng mặc dù ứng dụng. Nếu bạn muốn thay đổi một trong những màu bảng màu đó, bạn có thể làm như vậy ở bất kỳ cấp độ nào trong cây cảnh và nó sẽ ảnh hưởng đến nút đó và tất cả các yếu tố quyết định của nó. Màu sắc tra cứu không được nhìn lên cho đến khi chúng được áp dụng, vì vậy chúng sống và phản ứng với bất kỳ thay đổi phong cách nào có thể xảy ra, chẳng hạn như thay thế màu bảng màu khi chạy bằng thuộc tính "kiểu" trên nút.

Trong ví dụ sau, tất cả các màu nền của tất cả các nút đều sử dụng màu "ABC".

.root {abc: #f00} .button {-fx-background-color: ABC}
.button { -fx-background-color: abc }

Màu sắc RGB

Mô hình màu RGB được sử dụng trong các thông số kỹ thuật màu số. Nó có một số hình thức được hỗ trợ khác nhau.

# | # | RGB (,,) | RGB ( %, %, %) | RGBA (,,,) | RGBA ( %, %, %,)
| #
| rgb( , , )
| rgb( %, % , % )
| rgba( , , , )
| rgba( % , % , %, )

Tất cả các ví dụ này đều chỉ định cùng một màu cho điền văn bản của nhãn:

  • .Label {-fx-text-fill: #f00} / * #rgb * /
  • .Label {-fx-text-fill: #ff0000} / * #rrggbb * /
  • .Label {-fx-text-fill: RGB (255,0,0)}
  • .Label {-fx-text-fill: RGB (100%, 0%, 0%)}
  • .Label {-fx-text-fill: RGBA (255,0,0,1)}

RGB Hex: Định dạng của giá trị RGB trong ký hiệu thập lục phân là một ‘##ngay lập tức theo sau là ba hoặc sáu ký tự thập lục phân. Ký hiệu RGB ba chữ số (#RGB) được chuyển đổi thành dạng sáu chữ số (#RRGGBB) bằng cách sao chép các chữ số, không phải bằng cách thêm số không. Ví dụ: #FB0 mở rộng lên #FFBB00. Điều này đảm bảo rằng màu trắng (#FFFFFF) có thể được chỉ định với ký hiệu ngắn (#FFF) và loại bỏ mọi phụ thuộc vào độ sâu màu của màn hình.: The format of an RGB value in hexadecimal notation is a ‘#’ immediately followed by either three or six hexadecimal characters. The three-digit RGB notation (#rgb) is converted into six-digit form (#rrggbb) by replicating digits, not by adding zeros. For example, #fb0 expands to #ffbb00. This ensures that white (#ffffff) can be specified with the short notation (#fff) and removes any dependencies on the color depth of the display.

RGB thập phân hoặc phần trăm: Định dạng của giá trị RGB trong ký hiệu chức năng là ‘RGB (sau đó là một danh sách được phân tách bằng dấu phẩy gồm ba giá trị số (ba giá trị số nguyên thập phân hoặc ba giá trị phần trăm) theo sau là‘). Giá trị số nguyên 255 tương ứng với 100%và F hoặc FF trong ký hiệu thập lục phân: RGB (255.255.255) = RGB (100%, 100%, 100%) = #FFF. Các ký tự không gian trắng được phép xung quanh các giá trị số.: The format of an RGB value in the functional notation is ‘rgb(’ followed by a comma-separated list of three numerical values (either three decimal integer values or three percentage values) followed by ‘)’. The integer value 255 corresponds to 100%, and to F or FF in the hexadecimal notation: rgb(255,255,255) = rgb(100%,100%,100%) = #FFF. White space characters are allowed around the numerical values.

RGB + Alpha: Đây là phần mở rộng của mô hình màu RGB để bao gồm giá trị ‘alpha, chỉ định độ mờ của màu. Điều này được thực hiện thông qua một cú pháp chức năng có dạng mẫu RGBA (...) có tham số thứ tư là giá trị alpha. Giá trị alpha phải là một số trong phạm vi 0,0 (biểu thị hoàn toàn trong suốt) và 1.0 (hoàn toàn mờ). Như với hàm RGB (), các giá trị màu đỏ, xanh lá cây và xanh dương có thể là số nguyên hoặc tỷ lệ phần trăm thập phân. Tất cả các ví dụ sau đây chỉ định cùng một màu:: This is an extension of the RGB color model to include an ‘alpha’ value that specifies the opacity of a color. This is accomplished via a functional syntax of the form rgba(...) form that takes a fourth parameter which is the alpha value. The alpha value must be a number in the range 0.0 (representing completely transparent) and 1.0 (completely opaque). As with the rgb() function, the red, green, and blue values may be decimal integers or percentages. The following examples all specify the same color:

  • .Label {-fx -text -fill: rgb (255,0,0)} /* phạm vi số nguyên 0 -255* / /
  • .Label {-fx-text-fill: rgba (255,0,0,1) / * giống nhau, với độ mờ rõ ràng là 1 * / /
  • .Label {-fx -text -fill: RGB (100%, 0%, 0%)} / * Phạm vi float 0,0% -100,0% * /
  • .Label {-fx-text-fill: rgba (100%, 0%, 0%, 1)} / * giống nhau, với độ mờ rõ ràng là 1 * / /

Màu sắc HSB

Màu sắc có thể được chỉ định bằng mô hình màu HSB (đôi khi được gọi là HSV), như sau:

HSB (, %, %) | HSBA (, %, %,)

Số đầu tiên là màu sắc, một số trong phạm vi từ 0 đến 360 độ. Số thứ hai là bão hòa, tỷ lệ phần trăm trong khoảng từ 0% đến 100%. Số thứ ba là độ sáng, cũng là một tỷ lệ phần trăm trong phạm vi từ 0% đến 100%. Mẫu HSBA (...) có tham số thứ tư ở cuối, đó là giá trị alpha trong phạm vi 0,0 đến 1.0, chỉ định hoàn toàn trong suốt và hoàn toàn mờ đục.

Chức năng màu sắc

JAVAFX hỗ trợ một số chức năng tính toán màu. Chúng tính toán các màu mới từ màu đầu vào tại thời điểm kiểu màu được áp dụng. Điều này cho phép một chủ đề màu được chỉ định bằng một màu cơ sở duy nhất và có các màu biến thể được tính toán từ màu cơ sở đó. Có hai hàm màu: DRIVE () và LADDER ().

|

Lấy được

lấy được( , % )

Hàm dẫn xuất có màu và tính phiên bản sáng hơn hoặc tối hơn của màu đó. Tham số thứ hai là độ sáng bù, dao động từ -100% đến 100%. Tỷ lệ tích cực cho thấy màu sắc sáng hơn và tỷ lệ phần trăm tiêu cực cho thấy màu tối hơn. Giá trị -100% có nghĩa là hoàn toàn màu đen, 0% có nghĩa là không có thay đổi về độ sáng và 100% có nghĩa là hoàn toàn màu trắng.

Thang

thang (, [,]+)

Hàm thang nội suy giữa các màu. Hiệu ứng là như thể một gradient được tạo bằng cách sử dụng các điểm dừng được cung cấp, và sau đó độ sáng của được cung cấp được sử dụng để lập chỉ mục giá trị màu trong gradient đó. Ở độ sáng 0%, màu ở đầu 0,0 của độ dốc được sử dụng; Ở độ sáng 100%, màu ở đầu 1.0 của độ dốc được sử dụng; và ở độ sáng 50%, màu ở 0,5, điểm giữa của độ dốc, được sử dụng. Lưu ý rằng không có gradient thực sự được hiển thị. Đây chỉ là một hàm nội suy dẫn đến một màu duy nhất.

Các điểm dừng là trên mỗi cú pháp-stop màu W3C và được chuẩn hóa cho phù hợp.

Ví dụ: bạn có thể sử dụng các mục sau nếu bạn muốn màu văn bản có màu đen hoặc trắng tùy thuộc vào độ sáng của nền.

Bối cảnh: Trắng; -fx-text-fill: thang (nền, trắng 49%, đen 50%);
-fx-text-fill: ladder(background, white 49%, black 50%);

Giá trị-fill-fill kết quả -fx sẽ có màu đen, bởi vì nền (màu trắng) có độ sáng 100%và màu ở mức 1.0 trên gradient có màu đen. Nếu chúng ta thay đổi màu nền thành màu đen hoặc màu xám đen, độ sáng sẽ nhỏ hơn 50%, mang lại giá trị-fill-fill của màu trắng.

Cú pháp sau đây cho gradient xuyên tâm không phù hợp với ngữ pháp CSS và không được dùng trong Javafx 2.0. Trình phân tích cú pháp JAVAFX 2.0 CSS hỗ trợ cú pháp nhưng hỗ trợ này có thể bị xóa trong các bản phát hành sau.

thang () dừng [(,)]+

Điểm giao

javafx.scene

Tập đoàn

Lớp kiểu: trống theo mặc định

Tài sản CSSGiá trịMặc địnhBình luận
Nhóm mở rộng cha mẹ. Nhóm không thêm bất kỳ thuộc tính CSS bổ sung.
Cũng có tất cả các thuộc tính của cha mẹ

Nút

Lớp kiểu: trống theo mặc định

Tài sản CSSGiá trịMặc địnhBình luậnBình luận
Nhóm mở rộng cha mẹ. Nhóm không thêm bất kỳ thuộc tính CSS bổ sung.Cũng có tất cả các thuộc tính của cha mẹNútPhạm viPhạm vi
-fx-Blend-mode[Thêm | Màu xanh | Màu cháy | màu sắc | tối | sự khác biệt | loại trừ | Màu xanh lá cây | Ánh sáng cứng | Lighten | Nhân | lớp phủ | Đỏ | Màn hình | Ánh sáng mềm | src-atop | src-in | Src-out | src-over]NútPhạm vi-fx-Blend-mode
[Thêm | Màu xanh | Màu cháy | màu sắc | tối | sự khác biệt | loại trừ | Màu xanh lá cây | Ánh sáng cứng | Lighten | Nhân | lớp phủ | Đỏ | Màn hình | Ánh sáng mềm | src-atop | src-in | Src-out | src-over]vô giá trịNútPhạm viPhạm vi
-fx-Blend-modevô giá trị& nbsp;Phạm viPhạm vi
-fx-Blend-modevô giá trị1 & nbsp;-fx-cursor
[null | Crosshair | Mặc định | tay | di chuyển | Nghĩa vụ điện tử | H-Lesize | ne-resize | NW-Resize | n-resize | SE-RENESIZE | SW-Resize | S-Resize | w-resize | -resize | Văn bản | chờ đợi] |vô giá trị0 Phạm vi-fx-Blend-mode
[Thêm | Màu xanh | Màu cháy | màu sắc | tối | sự khác biệt | loại trừ | Màu xanh lá cây | Ánh sáng cứng | Lighten | Nhân | lớp phủ | Đỏ | Màn hình | Ánh sáng mềm | src-atop | src-in | Src-out | src-over]vô giá trị1 Phạm vi-fx-Blend-mode
[Thêm | Màu xanh | Màu cháy | màu sắc | tối | sự khác biệt | loại trừ | Màu xanh lá cây | Ánh sáng cứng | Lighten | Nhân | lớp phủ | Đỏ | Màn hình | Ánh sáng mềm | src-atop | src-in | Src-out | src-over]vô giá trị1 Phạm vi-fx-Blend-mode
[Thêm | Màu xanh | Màu cháy | màu sắc | tối | sự khác biệt | loại trừ | Màu xanh lá cây | Ánh sáng cứng | Lighten | Nhân | lớp phủ | Đỏ | Màn hình | Ánh sáng mềm | src-atop | src-in | Src-out | src-over]vô giá trị1 Phạm vi-fx-Blend-mode
[Thêm | Màu xanh | Màu cháy | màu sắc | tối | sự khác biệt | loại trừ | Màu xanh lá cây | Ánh sáng cứng | Lighten | Nhân | lớp phủ | Đỏ | Màn hình | Ánh sáng mềm | src-atop | src-in | Src-out | src-over]vô giá trị0 Phạm viPhạm vi
-fx-Blend-modevô giá trị0 Phạm viPhạm vi
-fx-Blend-modevô giá trị0 Phạm viPhạm vi
-fx-Blend-mode[Thêm | Màu xanh | Màu cháy | màu sắc | tối | sự khác biệt | loại trừ | Màu xanh lá cây | Ánh sáng cứng | Lighten | Nhân | lớp phủ | Đỏ | Màn hình | Ánh sáng mềm | src-atop | src-in | Src-out | src-over]vô giá trịPhạm vi-fx-Blend-mode

Pseudo-classes

CSS Pseudo-ClassBình luận
Vô hiệu hóaáp dụng khi biến bị vô hiệu hóa là đúngdisabled variable is true
tập trungáp dụng khi biến tập trung là đúngfocused variable is true
bay lượnáp dụng khi biến di chuột là đúnghover variable is true
épáp dụng khi biến được nhấn là đúngpressed variable is true
Hiển thị-BolemonicTáo khi khả năng chi trả ghi nhớ (thường là một dấu gạch dưới) nên được hiển thị.

Cha mẹ

Lớp kiểu: trống theo mặc định

Tài sản CSSGiá trịMặc địnhBình luận
Phụ huynh mở rộng nút. Cha mẹ không thêm bất kỳ thuộc tính CSS bổ sung nào.
Cũng có tất cả các thuộc tính của nút

Sân khấu

Lớp kiểu: Không áp dụng

Đối tượng cảnh không có thuộc tính CSS có thể giải quyết được, cũng không có bất kỳ lớp giả nào. Tuy nhiên, nút gốc của cảnh được gán lớp "gốc" kiểu (ngoài các lớp kiểu đã được gán cho nút). Điều này rất hữu ích vì nút gốc của cảnh là bộ chứa gốc cho tất cả các nút biểu đồ cảnh hoạt động. Do đó, nó có thể phục vụ như một container cho các thuộc tính được kế thừa hoặc tra cứu.

javafx.scene.image

ImageView

Lớp kiểu: trống theo mặc định

Tài sản CSSGiá trịMặc địnhBình luận
Phụ huynh mở rộng nút. Cha mẹ không thêm bất kỳ thuộc tính CSS bổ sung nào.Cũng có tất cả các thuộc tính của nútSân khấuLớp kiểu: Không áp dụng
Cũng có tất cả các thuộc tính của nút

javafx.scene.layout


Sân khấu

Lớp kiểu: trống theo mặc định

Tài sản CSSGiá trịMặc địnhBình luận
Phụ huynh mở rộng nút. Cha mẹ không thêm bất kỳ thuộc tính CSS bổ sung nào.
Cũng có tất cả các thuộc tính của nút

Sân khấu

Lớp kiểu: trống theo mặc định

Tài sản CSSGiá trịMặc địnhBình luận
Phụ huynh mở rộng nút. Cha mẹ không thêm bất kỳ thuộc tính CSS bổ sung nào.
Cũng có tất cả các thuộc tính của nút

Sân khấu

Lớp kiểu: trống theo mặc định

Tài sản CSSGiá trịMặc địnhBình luận
Phụ huynh mở rộng nút. Cha mẹ không thêm bất kỳ thuộc tính CSS bổ sung nào.Cũng có tất cả các thuộc tính của nút0 Sân khấu
Lớp kiểu: Không áp dụngCũng có tất cả các thuộc tính của nút0 Sân khấu
Lớp kiểu: Không áp dụngĐối tượng cảnh không có thuộc tính CSS có thể giải quyết được, cũng không có bất kỳ lớp giả nào. Tuy nhiên, nút gốc của cảnh được gán lớp "gốc" kiểu (ngoài các lớp kiểu đã được gán cho nút). Điều này rất hữu ích vì nút gốc của cảnh là bộ chứa gốc cho tất cả các nút biểu đồ cảnh hoạt động. Do đó, nó có thể phục vụ như một container cho các thuộc tính được kế thừa hoặc tra cứu.ImageViewSân khấu
Lớp kiểu: Không áp dụngĐối tượng cảnh không có thuộc tính CSS có thể giải quyết được, cũng không có bất kỳ lớp giả nào. Tuy nhiên, nút gốc của cảnh được gán lớp "gốc" kiểu (ngoài các lớp kiểu đã được gán cho nút). Điều này rất hữu ích vì nút gốc của cảnh là bộ chứa gốc cho tất cả các nút biểu đồ cảnh hoạt động. Do đó, nó có thể phục vụ như một container cho các thuộc tính được kế thừa hoặc tra cứu.ImageViewSân khấu
Lớp kiểu: Không áp dụngĐối tượng cảnh không có thuộc tính CSS có thể giải quyết được, cũng không có bất kỳ lớp giả nào. Tuy nhiên, nút gốc của cảnh được gán lớp "gốc" kiểu (ngoài các lớp kiểu đã được gán cho nút). Điều này rất hữu ích vì nút gốc của cảnh là bộ chứa gốc cho tất cả các nút biểu đồ cảnh hoạt động. Do đó, nó có thể phục vụ như một container cho các thuộc tính được kế thừa hoặc tra cứu.ImageViewSân khấu
Lớp kiểu: Không áp dụngĐối tượng cảnh không có thuộc tính CSS có thể giải quyết được, cũng không có bất kỳ lớp giả nào. Tuy nhiên, nút gốc của cảnh được gán lớp "gốc" kiểu (ngoài các lớp kiểu đã được gán cho nút). Điều này rất hữu ích vì nút gốc của cảnh là bộ chứa gốc cho tất cả các nút biểu đồ cảnh hoạt động. Do đó, nó có thể phục vụ như một container cho các thuộc tính được kế thừa hoặc tra cứu.ImageViewSân khấu
Cũng có tất cả các thuộc tính của nút

Sân khấu

Lớp kiểu: trống theo mặc định

Tài sản CSSGiá trịMặc địnhBình luận
Phụ huynh mở rộng nút. Cha mẹ không thêm bất kỳ thuộc tính CSS bổ sung nào.Cũng có tất cả các thuộc tính của nút0 Sân khấu
Lớp kiểu: Không áp dụngCũng có tất cả các thuộc tính của nút0 Sân khấu
Lớp kiểu: Không áp dụngĐối tượng cảnh không có thuộc tính CSS có thể giải quyết được, cũng không có bất kỳ lớp giả nào. Tuy nhiên, nút gốc của cảnh được gán lớp "gốc" kiểu (ngoài các lớp kiểu đã được gán cho nút). Điều này rất hữu ích vì nút gốc của cảnh là bộ chứa gốc cho tất cả các nút biểu đồ cảnh hoạt động. Do đó, nó có thể phục vụ như một container cho các thuộc tính được kế thừa hoặc tra cứu.ImageViewSân khấu
Lớp kiểu: Không áp dụngCũng có tất cả các thuộc tính của nútSân khấuSân khấuSân khấu
Cũng có tất cả các thuộc tính của nút

Sân khấu

Lớp kiểu: trống theo mặc định

Tài sản CSSGiá trịMặc địnhBình luận
Phụ huynh mở rộng nút. Cha mẹ không thêm bất kỳ thuộc tính CSS bổ sung nào.Cũng có tất cả các thuộc tính của nút0 Sân khấu
Lớp kiểu: Không áp dụngĐối tượng cảnh không có thuộc tính CSS có thể giải quyết được, cũng không có bất kỳ lớp giả nào. Tuy nhiên, nút gốc của cảnh được gán lớp "gốc" kiểu (ngoài các lớp kiểu đã được gán cho nút). Điều này rất hữu ích vì nút gốc của cảnh là bộ chứa gốc cho tất cả các nút biểu đồ cảnh hoạt động. Do đó, nó có thể phục vụ như một container cho các thuộc tính được kế thừa hoặc tra cứu.ImageViewSân khấu
Lớp kiểu: Không áp dụngCũng có tất cả các thuộc tính của nútSân khấuSân khấu
Cũng có tất cả các thuộc tính của nút

Sân khấu

Lớp kiểu: trống theo mặc định

Tài sản CSSGiá trịMặc địnhBình luận
Phụ huynh mở rộng nút. Cha mẹ không thêm bất kỳ thuộc tính CSS bổ sung nào.
Cũng có tất cả các thuộc tính của nút

Sân khấu

Lớp kiểu: trống theo mặc định

Tài sản CSS

Giá trị

  1. Mặc định
  2. Phụ huynh mở rộng nút. Cha mẹ không thêm bất kỳ thuộc tính CSS bổ sung nào.
  3. Cũng có tất cả các thuộc tính của nút
  4. Sân khấu
  5. Lớp kiểu: Không áp dụng

Đối tượng cảnh không có thuộc tính CSS có thể giải quyết được, cũng không có bất kỳ lớp giả nào. Tuy nhiên, nút gốc của cảnh được gán lớp "gốc" kiểu (ngoài các lớp kiểu đã được gán cho nút). Điều này rất hữu ích vì nút gốc của cảnh là bộ chứa gốc cho tất cả các nút biểu đồ cảnh hoạt động. Do đó, nó có thể phục vụ như một container cho các thuộc tính được kế thừa hoặc tra cứu.

ImageView-fx-background-color, -fx-background-radius and -fx-background-insets. The -fx-background-color property is a series of one or more comma-separated values. The number of values in the series determines the number of background rectangles that are painted. Background rectangles are painted in the order specified using the given value. Each background rectangle can have different radii and insets. The -fx-background-radius and -fx-background-insets properties are series of comma-separated values (or sets of values). The radius and insets values used for a particular background are the found in the corresponding position in the -fx-background-radius and -fx-background-insets series. For example, suppose a series of three values is given for the -fx-background-color property. A series of three values should also be specified for the -fx-background-radius and -fx-background-insets properties. The first background will be painted using the first radius value and first insets value, the second background will be painted with the second radius value and second insets value, and so forth.

Cũng lưu ý rằng các thuộc tính như -fx-background-Radius và -fx-background-insets có thể chứa một loạt các giá trị hoặc bộ bốn giá trị. Một tập hợp các giá trị được phân tách bằng khoảng trắng, trong khi các giá trị hoặc bộ giá trị trong một chuỗi được phân tách bằng dấu phẩy. Đối với -FX-Background-Radius, một giá trị duy nhất chỉ ra rằng giá trị nên được sử dụng cho bán kính của cả bốn góc của hình chữ nhật nền. Một tập hợp bốn giá trị chỉ ra rằng các giá trị bán kính khác nhau sẽ được sử dụng cho các góc trên cùng bên trái, trên cùng bên phải, dưới cùng bên phải và dưới cùng theo thứ tự đó. Tương tự, thuộc tính Iset -fx-Background cũng có thể chứa một loạt các giá trị hoặc bộ giá trị. Một tập hợp bốn giá trị cho các bộ lọc -fx-background chỉ ra rằng các phần hoàn thiện khác nhau sẽ được sử dụng cho các cạnh trên, phải, dưới và bên trái của hình chữ nhật, theo thứ tự đó.

Hình ảnh nền được chỉ định với các thuộc tính -FX-Background-Image, -fx-Background-Repeat, -fx-Background-Pace và -fx-Background-Size. Số lượng hình ảnh trong loạt các giá trị hình ảnh -FX-Background xác định số lượng hình ảnh nền được vẽ. -Fx-background-repeat, -fx-background-esoption và -fx-background có thể chứa một loạt các giá trị. Đối với mỗi mục trong chuỗi hình ảnh -FX-Background, các mục tương ứng trong -FX-Background-Repeat, -fx-Background-Posting và -fx-Background có các thuộc tính kích thước được áp dụng cho hình ảnh nền đó.-fx-background-image, -fx-background-repeat, -fx-background-position and -fx-background-size. The number of images in the series of -fx-background-image values determines the number of background images that are painted. The -fx-background-repeat, -fx-background-position, and -fx-background-size properties each can contain a series of values. For each item in the -fx-background-image series, the corresponding items in the -fx-background-repeat, -fx-background-position, and -fx-background-size properties are applied to that background image.

Các đường viền được vuốt ve được chỉ định với các thuộc tính -FX-M-R-Màu, -FX-Border-Style, -fx-Border-Width, -fx-Border-Radius và -fx-Border-Insets. Mỗi tài sản chứa một loạt các mặt hàng. Số lượng các mặt hàng trong thuộc tính màu-fx- Xác định số lượng đường viền được sơn. Mỗi biên giới trong loạt được vẽ bằng thông tin từ mục sê-ri tương ứng của -FX-Border-Border, -fx-Border-Width, -fx-Border-Radius và -fx-Border-Insets.-fx-border-color, -fx-border-style, -fx-border-width, -fx-border-radius and -fx-border-insets. Each property contains a series of items. The number of items in the-fx- border-color property determines the number of borders that are painted. Each border in the series is painted using information from the corresponding series item of the -fx-border-style, -fx-border-width, -fx-border-radius, and -fx-border-insets properties.

Biên giới hình ảnh được chỉ định với các thuộc tính -FX-Border-Image-Source, -FX-Border-Image-Repeat, -fx-Border-Image-Slice, -FX-Border-Image-Width và -FX-Border-Image- bên trong. Mỗi tài sản chứa một loạt các mặt hàng. Số lượng các mục trong thuộc tính nguồn-biên giới-Border-Image xác định số lượng hình ảnh được vẽ. Mỗi hình ảnh trong sê-ri được vẽ bằng thông tin từ các mục sê-ri tương ứng của -FX-Border-Image-Repeat, -FX-Border-Image-Slice, -FX-Border-Image-Width và -FX-Border-Image -insets thuộc tính.-fx-border-image-source, -fx-border-image-repeat, -fx-border-image-slice, -fx-border-image-width and -fx-border-image-insets. Each property contains a series of items. The number of items in the -fx-border-image-source property determines the number of images that are painted. Each image in the series is painted using information from the corresponding series items of the -fx-border-image-repeat, -fx-border-image-slice, -fx-border-image-width, and -fx-border-image-insets properties.

Nội dung của khu vực là một chuỗi các nút, giống như bất kỳ container nào khác. Các nội dung được đặt theo chương trình và không thể được đặt thông qua CSS.

Tài sản CSSGiá trịMặc địnhBình luận
Điền nền (xem nền CSS và Biên giới Mô -đun Cấp 3: Bối cảnh)
-FX-Background-Color [,]*vô giá trịMột loạt các giá trị sơn được phân tách bằng dấu phẩy.
-FX-Background-insets | [, [| ]]*vô giá trị

Một loạt các giá trị sơn được phân tách bằng dấu phẩy.

-FX-Background-insets | [, [| ]]*vô giá trị

Một loạt các giá trị sơn được phân tách bằng dấu phẩy.

-FX-Background-insets
| [, [| ]]* [,]*vô giá trịMột loạt các giá trị sơn được phân tách bằng dấu phẩy.
-FX-Background-insets

| [, [| ]]*
where = [
    [ [ | left | center | right ] [ | top | center | bottom ]? ]
    | [ [ center | [ left | right ] ? ] || [ center | [ top | bottom ] ? ]
]

vô giá trị

Một loạt các giá trị sơn được phân tách bằng dấu phẩy.

-FX-Background-insets | [, [| ]]*
where = repeat-x | repeat-y | [repeat | space | round | stretch | no-repeat]{1,2}
vô giá trị

Một loạt các giá trị sơn được phân tách bằng dấu phẩy.

-FX-Background-insets | [, [| ]]*
= [ | auto ]{1,2} | cover | contain | stretch
vô giá trị

Một loạt các giá trị sơn được phân tách bằng dấu phẩy.

Biên giới được vuốt
-FX-Border-Color | [, [| ]]*vô giá trị

Một loạt các giá trị sơn hoặc bộ bốn giá trị sơn, được phân tách bằng dấu phẩy. Đối với mỗi mục trong loạt, nếu một giá trị sơn duy nhất được chỉ định, thì sơn đó được sử dụng làm đường viền cho tất cả các bên của khu vực; và nếu một bộ bốn loại sơn được chỉ định, chúng được sử dụng cho các đường viền trên, phải, dưới và bên trái của khu vực, theo thứ tự đó. Nếu đường viền không phải là hình chữ nhật, chỉ có giá trị sơn đầu tiên trong tập hợp được sử dụng.

-FX-Border-Insets | [, [| ]]*vô giá trị

Một loạt các giá trị sơn hoặc bộ bốn giá trị sơn, được phân tách bằng dấu phẩy. Đối với mỗi mục trong loạt, nếu một giá trị sơn duy nhất được chỉ định, thì sơn đó được sử dụng làm đường viền cho tất cả các bên của khu vực; và nếu một bộ bốn loại sơn được chỉ định, chúng được sử dụng cho các đường viền trên, phải, dưới và bên trái của khu vực, theo thứ tự đó. Nếu đường viền không phải là hình chữ nhật, chỉ có giá trị sơn đầu tiên trong tập hợp được sử dụng.

-FX-Border-Insets | [, [| ]]*vô giá trị

Một loạt các giá trị sơn hoặc bộ bốn giá trị sơn, được phân tách bằng dấu phẩy. Đối với mỗi mục trong loạt, nếu một giá trị sơn duy nhất được chỉ định, thì sơn đó được sử dụng làm đường viền cho tất cả các bên của khu vực; và nếu một bộ bốn loại sơn được chỉ định, chúng được sử dụng cho các đường viền trên, phải, dưới và bên trái của khu vực, theo thứ tự đó. Nếu đường viền không phải là hình chữ nhật, chỉ có giá trị sơn đầu tiên trong tập hợp được sử dụng.

-FX-Border-Insets

| [, [| ]]*
where = [phase ]? [centered | inside | outside]? [line-join [miter | bevel | round]]? [line-cap [square | butt | round]]?
where = [ none | solid | dotted | dashed | segments( , [, ]*) ]

vô giá trị

Một loạt các giá trị sơn hoặc bộ bốn giá trị sơn, được phân tách bằng dấu phẩy. Đối với mỗi mục trong loạt, nếu một giá trị sơn duy nhất được chỉ định, thì sơn đó được sử dụng làm đường viền cho tất cả các bên của khu vực; và nếu một bộ bốn loại sơn được chỉ định, chúng được sử dụng cho các đường viền trên, phải, dưới và bên trái của khu vực, theo thứ tự đó. Nếu đường viền không phải là hình chữ nhật, chỉ có giá trị sơn đầu tiên trong tập hợp được sử dụng.

-FX-Border-Insets

| [, [| ]]*

Một loạt các hình nhỏ hoặc bộ bốn giá trị hình nhỏ, được phân tách bằng dấu phẩy. Đối với mỗi mục trong chuỗi, một giá trị phù hợp duy nhất có nghĩa là tất cả các phần đều giống nhau; và nếu một tập hợp bốn giá trị hình nhỏ được chỉ định, chúng được sử dụng cho các cạnh trên, phải, dưới và bên trái của khu vực, theo thứ tự đó. Mỗi mục trong loạt các phần bên áp dụng cho mục tương ứng trong loạt các màu biên giới. | [, [| ]]*vô giá trị

Một loạt các giá trị sơn hoặc bộ bốn giá trị sơn, được phân tách bằng dấu phẩy. Đối với mỗi mục trong loạt, nếu một giá trị sơn duy nhất được chỉ định, thì sơn đó được sử dụng làm đường viền cho tất cả các bên của khu vực; và nếu một bộ bốn loại sơn được chỉ định, chúng được sử dụng cho các đường viền trên, phải, dưới và bên trái của khu vực, theo thứ tự đó. Nếu đường viền không phải là hình chữ nhật, chỉ có giá trị sơn đầu tiên trong tập hợp được sử dụng.

-FX-Border-Insets
| [, [| ]]*Một loạt các hình nhỏ hoặc bộ bốn giá trị hình nhỏ, được phân tách bằng dấu phẩy. Đối với mỗi mục trong chuỗi, một giá trị phù hợp duy nhất có nghĩa là tất cả các phần đều giống nhau; và nếu một tập hợp bốn giá trị hình nhỏ được chỉ định, chúng được sử dụng cho các cạnh trên, phải, dưới và bên trái của khu vực, theo thứ tự đó. Mỗi mục trong loạt các phần bên áp dụng cho mục tương ứng trong loạt các màu biên giới.vô giá trị

Một loạt các giá trị sơn hoặc bộ bốn giá trị sơn, được phân tách bằng dấu phẩy. Đối với mỗi mục trong loạt, nếu một giá trị sơn duy nhất được chỉ định, thì sơn đó được sử dụng làm đường viền cho tất cả các bên của khu vực; và nếu một bộ bốn loại sơn được chỉ định, chúng được sử dụng cho các đường viền trên, phải, dưới và bên trái của khu vực, theo thứ tự đó. Nếu đường viền không phải là hình chữ nhật, chỉ có giá trị sơn đầu tiên trong tập hợp được sử dụng.

-FX-Border-Insets | [, [| ]]*vô giá trị

Một loạt các giá trị sơn hoặc bộ bốn giá trị sơn, được phân tách bằng dấu phẩy. Đối với mỗi mục trong loạt, nếu một giá trị sơn duy nhất được chỉ định, thì sơn đó được sử dụng làm đường viền cho tất cả các bên của khu vực; và nếu một bộ bốn loại sơn được chỉ định, chúng được sử dụng cho các đường viền trên, phải, dưới và bên trái của khu vực, theo thứ tự đó. Nếu đường viền không phải là hình chữ nhật, chỉ có giá trị sơn đầu tiên trong tập hợp được sử dụng.

-FX-Border-Insets | [, [| ]]*
where = repeat-x | repeat-y | [repeat | space | round | no-repeat]{1,2}
vô giá trị

Một loạt các hình nhỏ hoặc bộ bốn giá trị hình nhỏ, được phân tách bằng dấu phẩy. Đối với mỗi mục trong chuỗi, một giá trị phù hợp duy nhất có nghĩa là tất cả các phần đều giống nhau; và nếu một tập hợp bốn giá trị hình nhỏ được chỉ định, chúng được sử dụng cho các cạnh trên, phải, dưới và bên trái của khu vực, theo thứ tự đó. Mỗi mục trong loạt các phần bên áp dụng cho mục tương ứng trong loạt các màu biên giới.

-FX-Border-Radius

Một loạt bán kính hoặc bộ bốn giá trị bán kính, được phân tách bằng dấu phẩy. Đối với mỗi mục trong chuỗi, một giá trị bán kính duy nhất có nghĩa là tất cả các bán kính góc đều giống nhau; và nếu một tập hợp bốn giá trị bán kính được chỉ định, chúng được sử dụng làm bán kính của các góc trên cùng bên trái, trên cùng bên phải và dưới cùng bên trái, theo thứ tự đó. Mỗi mục trong loạt RADII áp dụng cho mục tương ứng trong loạt màu đường viền.

vô giá trị

-FX theo phong cách biên giới

[,]*Ở đâu = [pha]? [Trung tâm | bên trong | ngoài]? [line-join [miter | Viêu biến | vòng]]? [Line-Cap [vuông | mông | Vòng]]? Ở đâu = [Không | rắn | chấm | lao đi | các phân đoạn (, [,]*)]] | [, [| ]]*vô giá trị

Một loạt chiều rộng hoặc bộ bốn giá trị chiều rộng, được phân tách bằng dấu phẩy. Đối với mỗi mục trong chuỗi, một giá trị chiều rộng duy nhất có nghĩa là tất cả các chiều rộng biên đều giống nhau; và nếu một tập hợp bốn giá trị chiều rộng được chỉ định, chúng được sử dụng cho các chiều rộng đường viền trên, bên phải, dưới và trái, theo thứ tự đó. Nếu đường viền không phải là hình chữ nhật, chỉ có giá trị chiều rộng đầu tiên được sử dụng. Mỗi mục trong loạt chiều rộng áp dụng cho mục tương ứng trong loạt hình ảnh viền. Giá trị phần trăm có thể được sử dụng ở đây, trong trường hợp đó các giá trị được coi là tỷ lệ thuận với khu vực hình ảnh biên giới.

KHÁC
-fx-padding |vô giá trị

Một bộ gồm bốn giá trị đệm, được phân tách bằng dấu phẩy. Đối với mỗi mục trong loạt, một giá trị đệm duy nhất có nghĩa là tất cả các phần đệm đều giống nhau; và nếu một tập hợp bốn giá trị đệm được chỉ định, chúng được sử dụng cho các cạnh trên, phải, dưới và bên trái của khu vực, theo thứ tự đó.

-FX định vị hìnhMột loạt các hình nhỏ hoặc bộ bốn giá trị hình nhỏ, được phân tách bằng dấu phẩy. Đối với mỗi mục trong chuỗi, một giá trị phù hợp duy nhất có nghĩa là tất cả các phần đều giống nhau; và nếu một tập hợp bốn giá trị hình nhỏ được chỉ định, chúng được sử dụng cho các cạnh trên, phải, dưới và bên trái của khu vực, theo thứ tự đó. Mỗi mục trong loạt các phần bên áp dụng cho hình ảnh tương ứng trong loạt hình ảnh đường viền.thậtNếu đúng có nghĩa là hình dạng tập trung trong chiều rộng và chiều cao của khu vực, nếu không, hình dạng được định vị ở vị trí nguồn của nó. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.true means the shape centered within the region's width and height, otherwise the shape is positioned at its source position. Has no effect if a shape string is not specified.
-fx-scale hìnhMột loạt các hình nhỏ hoặc bộ bốn giá trị hình nhỏ, được phân tách bằng dấu phẩy. Đối với mỗi mục trong chuỗi, một giá trị phù hợp duy nhất có nghĩa là tất cả các phần đều giống nhau; và nếu một tập hợp bốn giá trị hình nhỏ được chỉ định, chúng được sử dụng cho các cạnh trên, phải, dưới và bên trái của khu vực, theo thứ tự đó. Mỗi mục trong loạt các phần bên áp dụng cho hình ảnh tương ứng trong loạt hình ảnh đường viền.thậtNếu đúng có nghĩa là hình dạng tập trung trong chiều rộng và chiều cao của khu vực, nếu không, hình dạng được định vị ở vị trí nguồn của nó. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.true means the shape is scaled to fit the size of the region, otherwise the shape is at its source size, and its position depends on the value of the position-shape property. Has no effect if a shape string is not specified.
-fx-scale hìnhNếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.vô giá trịMột bộ gồm bốn giá trị đệm, được phân tách bằng dấu phẩy. Đối với mỗi mục trong loạt, một giá trị đệm duy nhất có nghĩa là tất cả các phần đệm đều giống nhau; và nếu một tập hợp bốn giá trị đệm được chỉ định, chúng được sử dụng cho các cạnh trên, phải, dưới và bên trái của khu vực, theo thứ tự đó.
-FX định vị hình[| ] lấp đầy? [, [| ] lấp đầy? ]*thậtNếu đúng có nghĩa là hình dạng tập trung trong chiều rộng và chiều cao của khu vực, nếu không, hình dạng được định vị ở vị trí nguồn của nó. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.
-fx-scale hìnhNếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.vô giá trịMột bộ gồm bốn giá trị đệm, được phân tách bằng dấu phẩy. Đối với mỗi mục trong loạt, một giá trị đệm duy nhất có nghĩa là tất cả các phần đệm đều giống nhau; và nếu một tập hợp bốn giá trị đệm được chỉ định, chúng được sử dụng cho các cạnh trên, phải, dưới và bên trái của khu vực, theo thứ tự đó.
-FX định vị hìnhNếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.vô giá trịMột bộ gồm bốn giá trị đệm, được phân tách bằng dấu phẩy. Đối với mỗi mục trong loạt, một giá trị đệm duy nhất có nghĩa là tất cả các phần đệm đều giống nhau; và nếu một tập hợp bốn giá trị đệm được chỉ định, chúng được sử dụng cho các cạnh trên, phải, dưới và bên trái của khu vực, theo thứ tự đó.
-FX định vị hìnhNếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.vô giá trịMột bộ gồm bốn giá trị đệm, được phân tách bằng dấu phẩy. Đối với mỗi mục trong loạt, một giá trị đệm duy nhất có nghĩa là tất cả các phần đệm đều giống nhau; và nếu một tập hợp bốn giá trị đệm được chỉ định, chúng được sử dụng cho các cạnh trên, phải, dưới và bên trái của khu vực, theo thứ tự đó.
-FX định vị hìnhNếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.vô giá trịMột bộ gồm bốn giá trị đệm, được phân tách bằng dấu phẩy. Đối với mỗi mục trong loạt, một giá trị đệm duy nhất có nghĩa là tất cả các phần đệm đều giống nhau; và nếu một tập hợp bốn giá trị đệm được chỉ định, chúng được sử dụng cho các cạnh trên, phải, dưới và bên trái của khu vực, theo thứ tự đó.
-FX định vị hình

Thuộc tính này được đặt bằng cách chỉ định -fx-background-hình ảnh, tùy chọn -fx-background, tùy chọn -fx-background-repeat và tùy chọn -fx-background. Không có ký hiệu tốc ký cho -fx-background-hình ảnh tại thời điểm này.

thật

Nếu đúng có nghĩa là hình dạng tập trung trong chiều rộng và chiều cao của khu vực, nếu không, hình dạng được định vị ở vị trí nguồn của nó. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.-fx-scale hìnhNếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.-fx hình
""Một chuỗi đường dẫn SVG. Bằng cách chỉ định một hình dạng ở đây, khu vực có hình dạng đó thay vì hình chữ nhật hoặc hình chữ nhật tròn. Cú pháp của chuỗi đường dẫn này được chỉ định trong [3].-fx-snap-to-pixelNếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.
-fx hình

""

thật

Nếu đúng có nghĩa là hình dạng tập trung trong chiều rộng và chiều cao của khu vực, nếu không, hình dạng được định vị ở vị trí nguồn của nó. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.-fx-scale hìnhNếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.-fx hình
""Một chuỗi đường dẫn SVG. Bằng cách chỉ định một hình dạng ở đây, khu vực có hình dạng đó thay vì hình chữ nhật hoặc hình chữ nhật tròn. Cú pháp của chuỗi đường dẫn này được chỉ định trong [3].-fx-snap-to-pixelNếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.
-fx hình[| ] lấp đầy? [, [| ] lấp đầy? ]*5 Nếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.
-fx hình[| ] lấp đầy? [, [| ] lấp đầy? ]*5 Nếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.
-fx hình[| ] lấp đầy? [, [| ] lấp đầy? ]*-1 Nếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.
-fx hình& nbsp;-1 Nếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.
-fx hình& nbsp;0 Nếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.
-fx hình& nbsp;0 Nếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.
""Một chuỗi đường dẫn SVG. Bằng cách chỉ định một hình dạng ở đây, khu vực có hình dạng đó thay vì hình chữ nhật hoặc hình chữ nhật tròn. Cú pháp của chuỗi đường dẫn này được chỉ định trong [3].-fx-snap-to-pixelNếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.
-fx hìnhMột chuỗi đường dẫn SVG. Bằng cách chỉ định một hình dạng ở đây, khu vực có hình dạng đó thay vì hình chữ nhật hoặc hình chữ nhật tròn. Cú pháp của chuỗi đường dẫn này được chỉ định trong [3].-fx-snap-to-pixelNếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.
-fx hình

""

thật

Nếu đúng có nghĩa là hình dạng tập trung trong chiều rộng và chiều cao của khu vực, nếu không, hình dạng được định vị ở vị trí nguồn của nó. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.-fx-scale hìnhNếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.-fx hình
""& nbsp;0 Nếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.
""Một chuỗi đường dẫn SVG. Bằng cách chỉ định một hình dạng ở đây, khu vực có hình dạng đó thay vì hình chữ nhật hoặc hình chữ nhật tròn. Cú pháp của chuỗi đường dẫn này được chỉ định trong [3].-fx-snap-to-pixelNếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.
-fx hình& nbsp;thậtNếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.
-fx hình

javafx.scene.shape

""

thật

Nếu đúng có nghĩa là hình dạng tập trung trong chiều rộng và chiều cao của khu vực, nếu không, hình dạng được định vị ở vị trí nguồn của nó. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.-fx-scale hìnhNếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.-fx hình
""& nbsp;Một chuỗi đường dẫn SVG. Bằng cách chỉ định một hình dạng ở đây, khu vực có hình dạng đó thay vì hình chữ nhật hoặc hình chữ nhật tròn. Cú pháp của chuỗi đường dẫn này được chỉ định trong [3].Nếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.
-fx hình& nbsp;thậtNếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.
-fx hình& nbsp;vô giá trịNếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.
-fx hình""Một chuỗi đường dẫn SVG. Bằng cách chỉ định một hình dạng ở đây, khu vực có hình dạng đó thay vì hình chữ nhật hoặc hình chữ nhật tròn. Cú pháp của chuỗi đường dẫn này được chỉ định trong [3].Nếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.
-fx hình""vô giá trịNếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.
-fx hình& nbsp;0 Nếu đúng có nghĩa là hình dạng được thu nhỏ để phù hợp với kích thước của vùng, nếu không, hình dạng ở kích thước nguồn của nó và vị trí của nó phụ thuộc vào giá trị của thuộc tính hình dạng vị trí. Không có tác dụng nếu một chuỗi hình dạng không được chỉ định.
-fx hình[Hình vuông | mông | vòng ]Quảng trường& nbsp;
-fx-stroke-line-join[MITER | Viêu biến | vòng ]miter& nbsp;
-fx-stroke-line-join[MITER | Viêu biến | vòng ]10 & nbsp;
-fx-stroke-line-join[MITER | Viêu biến | vòng ]1 & nbsp;
-fx-stroke-line-join

[MITER | Viêu biến | vòng ]

miter

-fx-stroke-miter-giới hạn

-fx-hình ảnh

miter

-fx-stroke-miter-giới hạn

-fx-hình ảnh

miter

-fx-stroke-miter-giới hạn

-fx-hình ảnh

miter

-fx-stroke-miter-giới hạn

-fx-hình ảnh

miter

-fx-stroke-miter-giới hạn

-fx-hình ảnh

miter

-fx-stroke-miter-giới hạn

-fx-hình ảnh

miter

-fx-stroke-miter-giới hạn

-fx-hình ảnh

miter

-fx-stroke-miter-giới hạn

-fx-hình ảnh

miter

-fx-stroke-miter-giới hạn-fx-hình ảnh-fx-stroke-widthCũng có tất cả các thuộc tính của nút
Vòng cung[MITER | Viêu biến | vòng ]0 & nbsp;
miter[MITER | Viêu biến | vòng ]0 & nbsp;
miter

-fx-stroke-miter-giới hạn

miter

-fx-stroke-miter-giới hạn

javafx.scene.text

-fx-hình ảnh

miter

-fx-stroke-miter-giới hạn-fx-hình ảnh-fx-stroke-widthCũng có tất cả các thuộc tính của nút
Vòng cung[MITER | Viêu biến | vòng ]miter-fx-stroke-miter-giới hạn
Giá trị-fx-stroke-widthCũng có tất cả các thuộc tính của nút& nbsp;
Vòng cung[MITER | Viêu biến | vòng ]miter& nbsp;
-fx-stroke-miter-giới hạnCũng có tất cả các thuộc tính của khung-fx-stroke-width-fx-stroke-miter-giới hạn
Giá trị-fx-stroke-widthCũng có tất cả các thuộc tính của nút& nbsp;
Vòng cung[MITER | Viêu biến | vòng ]miter& nbsp;
-fx-stroke-miter-giới hạn

javafx.scene.web

WebView

-fx-stroke-width

-fx-stroke-miter-giới hạnGiá trị-fx-stroke-widthCũng có tất cả các thuộc tính của nút
Vòng cung[MITER | Viêu biến | vòng ]Lớp kiểu: trống theo mặc định& nbsp;
-fx-font-mmoothing-type-fx-stroke-widthCũng có tất cả các thuộc tính của nút& nbsp;
Vòng cung[MITER | Viêu biến | vòng ]1 & nbsp;
Lớp kiểu: trống theo mặc định[MITER | Viêu biến | vòng ]0 & nbsp;
Nút ARC có tất cả các thuộc tính của hình dạng và nút.[MITER | Viêu biến | vòng ]0 & nbsp;
Vòng tròn[MITER | Viêu biến | vòng ]800 & nbsp;
Nút vòng tròn có tất cả các thuộc tính của hình dạng và nút.[MITER | Viêu biến | vòng ]600 & nbsp;
Hình khối[MITER | Viêu biến | vòng ]Nút hình khối có tất cả các thuộc tính của hình dạng và nút.& nbsp;
Hình elip[MITER | Viêu biến | vòng ]Nút hình khối có tất cả các thuộc tính của hình dạng và nút.& nbsp;
Hình elip

javafx.scene.control

Nút hình elip có tất cả các thuộc tính của hình dạng và nút.

Hàng

Nút dòng có tất cả các thuộc tính của hình dạng và nút.

Đường dẫn

Nút đường dẫn có tất cả các thuộc tính của hình dạng và nút.

  • Đa giác

Nút đa giác có tất cả các thuộc tính của hình dạng và nút.

Quadcurrve

Nút Quadcurve có tất cả các thuộc tính của hình dạng và nút.

Pseudo-classes

Hình chữ nhậtCũng có tất cả các thuộc tính của nút
Vòng cungLớp kiểu: trống theo mặc định
Nút ARC có tất cả các thuộc tính của hình dạng và nút.Vòng tròn
Nút vòng tròn có tất cả các thuộc tính của hình dạng và nút.

Hình khối

Nút hình khối có tất cả các thuộc tính của hình dạng và nút.

Pseudo-classes

Hình chữ nhậtCũng có tất cả các thuộc tính của nút
Vòng cungLớp kiểu: trống theo mặc địnharmed variable is true
Nút ARC có tất cả các thuộc tính của hình dạng và nút.

Vòng tròn

Nút vòng tròn có tất cả các thuộc tính của hình dạng và nút.

-fx-stroke-miter-giới hạnGiá trị-fx-stroke-widthCũng có tất cả các thuộc tính của nút
Vòng cung[MITER | Viêu biến | vòng ]15 Lớp kiểu: trống theo mặc định
Nút ARC có tất cả các thuộc tính của hình dạng và nút.

Pseudo-classes

Hình chữ nhậtCũng có tất cả các thuộc tính của nút
Vòng cungLớp kiểu: trống theo mặc địnhempty variable is true
Nút ARC có tất cả các thuộc tính của hình dạng và nút.Vòng trònempty variable is false
Nút vòng tròn có tất cả các thuộc tính của hình dạng và nút.Hình khốiselected variable is true
Nút ARC có tất cả các thuộc tính của hình dạng và nút.

Nút đường dẫn có tất cả các thuộc tính của hình dạng và nút.

  • Đa giác

Nút đa giác có tất cả các thuộc tính của hình dạng và nút.

Quadcurrve

Nút Quadcurve có tất cả các thuộc tính của hình dạng và nút.

Pseudo-classes

Hình chữ nhậtCũng có tất cả các thuộc tính của nút
Nút vòng tròn có tất cả các thuộc tính của hình dạng và nút.Hình khốiselected variable is true
Nút hình khối có tất cả các thuộc tính của hình dạng và nút.Hình elipindeterminate variable is false
Nút hình elip có tất cả các thuộc tính của hình dạng và nút.Hàngindeterminate variable is true
Nút vòng tròn có tất cả các thuộc tính của hình dạng và nút.

Nút đường dẫn có tất cả các thuộc tính của hình dạng và nút.

  • Đa giác
    • Nút đa giác có tất cả các thuộc tính của hình dạng và nút.

Quadcurrve

Pseudo-classes

Hình chữ nhậtCũng có tất cả các thuộc tính của nút
Nút vòng tròn có tất cả các thuộc tính của hình dạng và nút.Hình khối

Nút hình khối có tất cả các thuộc tính của hình dạng và nút.

Hình elip

Nút hình elip có tất cả các thuộc tính của hình dạng và nút.

Nút đường dẫn có tất cả các thuộc tính của hình dạng và nút.

  • Đa giác
    • Nút đa giác có tất cả các thuộc tính của hình dạng và nút.

Quadcurrve

Nút Quadcurve có tất cả các thuộc tính của hình dạng và nút.

Hình chữ nhật

Tài sản CSSGiá trịMặc địnhBình luận
-FX-Color-Label-VisibleKích thước tế bào. Đối với ListView dọc hoặc TreeView hoặc TableView, đây là chiều cao, đối với ListView ngang, đây là chiều rộng.thật& nbsp;
Cũng có tất cả các thuộc tính của kiểm soát

Cấu trúc con

  • Nút hiển thị màu - Nhãn
  • Mũi tên -Button - Stackpane
    • Mũi tên - Stackpane

Combobox

Lớp học kiểu: Combo-Box

Điều khiển Combobox có tất cả các thuộc tính và lớp giả của comboBoxbase

Cấu trúc con

  • Nút hiển thị màu - Nhãn
  • Mũi tên -Button - Stackpane
  • Mũi tên - Stackpane
    • Combobox
      • Lớp học kiểu: Combo-Box

Điều khiển Combobox có tất cả các thuộc tính và lớp giả của comboBoxbase

Danh sách CELL-Một phiên bản listcell được sử dụng để hiển thị lựa chọn trong khu vực nút của Combobox không chỉnh sửa

đầu vào văn bản-một thể hiện trường văn bản được sử dụng để hiển thị lựa chọn và cho phép đầu vào trong khu vực nút của Combobox có thể chỉnh sửa

Cấu trúc con

  • Nút hiển thị màu - Nhãn
    • Mũi tên -Button - Stackpane
Mũi tên - StackpaneBình luận
-FX-Color-Label-Visiblexác địnheditable variable is true
thật& nbsp;showing variable is true
Cũng có tất cả các thuộc tính của kiểm soátCấu trúc conarmed variable is true

Nút hiển thị màu - Nhãn

Mũi tên -Button - Stackpane

Tài sản CSSGiá trịMặc địnhBình luận
-FX-Color-Label-VisibleKích thước tế bào. Đối với ListView dọc hoặc TreeView hoặc TableView, đây là chiều cao, đối với ListView ngang, đây là chiều rộng.thật& nbsp;

Cũng có tất cả các thuộc tính của kiểm soát

Cấu trúc con

Nút hiển thị màu - Nhãn

Pseudo-classes

Mũi tên - StackpaneBình luận
ComboboxLớp học kiểu: Combo-Boxvisited variable is true
Điều khiển Combobox có tất cả các thuộc tính và lớp giả của comboBoxbase

Cấu trúc con

  • Nút hiển thị màu - Nhãn

Mũi tên -Button - Stackpane

Mũi tên - Stackpane

Combobox

Pseudo-classes

Mũi tên - StackpaneBình luận
ComboboxLớp học kiểu: Combo-Box
Điều khiển Combobox có tất cả các thuộc tính và lớp giả của comboBoxbaseDanh sách CELL-Một phiên bản listcell được sử dụng để hiển thị lựa chọn trong khu vực nút của Combobox không chỉnh sửa
đầu vào văn bản-một thể hiện trường văn bản được sử dụng để hiển thị lựa chọn và cho phép đầu vào trong khu vực nút của Combobox có thể chỉnh sửa

Combo-box-popup-một popupControl được hiển thị khi nhấn nút

Danh sách -View - ListView

Danh sách -Cell - A Listcell

ComboBoxbase

Tài sản CSSGiá trịMặc địnhBình luận
Lớp Phong cách: Combo-Box-BaseĐiều khiển kết hợp có tất cả các thuộc tính của điều khiểnMũi tên-Button-một stackpane& nbsp;
Cũng có tất cả các thuộc tính của kiểm soátCấu trúc conNút hiển thị màu - NhãnMũi tên -Button - Stackpane
Mũi tên - StackpaneComboboxLớp học kiểu: Combo-Box& nbsp;
Cũng có tất cả các thuộc tính của kiểm soát[Trái | trung tâm | đúng | biện minh]Cấu trúc con& nbsp;
Cũng có tất cả các thuộc tính của kiểm soát[Trái | trung tâm | đúng | biện minh]& nbsp;Cấu trúc con
Nút hiển thị màu - Nhãn[Trái | trung tâm | đúng | biện minh]Cấu trúc con& nbsp;
Nút hiển thị màu - Nhãn[Trái | trung tâm | đúng | biện minh]thật& nbsp;
& nbsp;Cũng có tất cả các thuộc tính của kiểm soátNút hiển thị màu - Nhãn& nbsp;
Mũi tên -Button - Stackpane[Trái | trung tâm | đúng | biện minh]4 & nbsp;
Mũi tên - StackpaneComboboxLớp học kiểu: Combo-Box& nbsp;
Điều khiển Combobox có tất cả các thuộc tính và lớp giả của comboBoxbase[Trái | trung tâm | đúng | biện minh]Danh sách CELL-Một phiên bản listcell được sử dụng để hiển thị lựa chọn trong khu vực nút của Combobox không chỉnh sửa& nbsp;
đầu vào văn bản-một thể hiện trường văn bản được sử dụng để hiển thị lựa chọn và cho phép đầu vào trong khu vực nút của Combobox có thể chỉnh sửa[Trái | trung tâm | đúng | biện minh]Combo-box-popup-một popupControl được hiển thị khi nhấn nút& nbsp;
Danh sách -View - ListView

Danh sách -Cell - A Listcell

ComboBoxbase

Lớp Phong cách: Combo-Box-Base

Điều khiển kết hợp có tất cả các thuộc tính của điều khiển

Mũi tên-Button-một stackpane

Tài sản CSSGiá trịMặc địnhBình luận
Mũi tên - một stackpaneCSS Pseudo-Classcó thể chỉnh sửa& nbsp;

Pseudo-classes

Mũi tên - StackpaneBình luận
có thể chỉnh sửaáp dụng khi biến có thể chỉnh sửa là đúng
Hiển thịáp dụng khi biến hiển thị là đúng

vũ trang

áp dụng khi biến vũ trang là đúng

Pseudo-classes

Mũi tên - StackpaneBình luận
thật& nbsp;
Cũng có tất cả các thuộc tính của kiểm soát

Cấu trúc con

Nút hiển thị màu - Nhãn

Tài sản CSSGiá trịMặc địnhBình luận
Mũi tên -Button - Stackpane[Trái | trung tâm | đúng | biện minh]Cấu trúc con& nbsp;
Cũng có tất cả các thuộc tính của kiểm soát

Nút hiển thị màu - Nhãn

Cấu trúc con

  • Mũi tên -Button - Stackpane

Mũi tên - Stackpane

Combobox

Lớp học kiểu: Combo-Box

Pseudo-classes

Mũi tên - StackpaneBình luận
ComboboxLớp học kiểu: Combo-BoxopenVertically variable is true
thật& nbsp;showing variable is true
Cũng có tất cả các thuộc tính của kiểm soát

Cấu trúc con

Nút hiển thị màu - Nhãn

Mũi tên -Button - Stackpane

Mũi tên - Stackpane

Combobox

Tài sản CSSGiá trịMặc địnhBình luận
Lớp học kiểu: Combo-Box[Trái | trung tâm | đúng | biện minh]10 & nbsp;
Điều khiển Combobox có tất cả các thuộc tính và lớp giả của comboBoxbase[Trái | trung tâm | đúng | biện minh]thật& nbsp;
Danh sách CELL-Một phiên bản listcell được sử dụng để hiển thị lựa chọn trong khu vực nút của Combobox không chỉnh sửa[Trái | trung tâm | đúng | biện minh]thật& nbsp;
đầu vào văn bản-một thể hiện trường văn bản được sử dụng để hiển thị lựa chọn và cho phép đầu vào trong khu vực nút của Combobox có thể chỉnh sửa[Trái | trung tâm | đúng | biện minh]thật& nbsp;
Combo-box-popup-một popupControl được hiển thị khi nhấn nútDanh sách -View - ListViewDanh sách -Cell - A Listcell& nbsp;
Cũng có tất cả các thuộc tính của kiểm soát

Cấu trúc con

  • ComboBoxbase
  • Lớp Phong cách: Combo-Box-Base
    • Điều khiển kết hợp có tất cả các thuộc tính của điều khiển
      • Mũi tên-Button-một stackpane
    • Mũi tên - một stackpane
      • CSS Pseudo-Class
    • có thể chỉnh sửa
    • áp dụng khi biến có thể chỉnh sửa là đúng
    • Hiển thị

áp dụng khi biến hiển thị là đúng

vũ trang

áp dụng khi biến vũ trang là đúng

Điều khiển

Lớp kiểm soát có tất cả các thuộc tính của cha mẹ

-fx-skin

Tài sản CSSGiá trịMặc địnhBình luận
vô giá trị[Trái | trung tâm | đúng | biện minh]60 & nbsp;
Tên lớp của da điều khiển.[Trái | trung tâm | đúng | biện minh]thật& nbsp;
Siêu liên kếtthật& nbsp;-fx-indeferminate-Bar-Animation-Time
Kiểm soát tiến trình có tất cả các thuộc tính của trạng thái Pseudo Class of ProgressIndicatorthật2.0 -fx-indeferminate-Bar-Animation-Time

Kiểm soát tiến trình có tất cả các thuộc tính của trạng thái Pseudo Class of ProgressIndicator

Cấu trúc con

  • Theo dõi - Stackpane
    • Thanh - Vùng

Người tiến bộ

Lớp học phong cách: Chỉ số tiến trình

Tài sản CSSGiá trịMặc địnhBình luận
-fx-skinthậtvô giá trị-fx-indeferminate-Bar-Animation-Time
Kiểm soát tiến trình có tất cả các thuộc tính của trạng thái Pseudo Class of ProgressIndicator
Tài sản CSSGiá trịMặc địnhBình luận
-fx-skinthậtvô giá trị-fx-indeferminate-Bar-Animation-Time
Kiểm soát tiến trình có tất cả các thuộc tính của trạng thái Pseudo Class of ProgressIndicator

Pseudo-classes

Cấu trúc conBình luận
-fx-skinvô giá trịindeterminate variable is false
PopupControl là một popupwindow và không có bất kỳ thuộc tính CSS nào khác-fx-tiến-màuindeterminate variable is true
DodgerBlue

Cấu trúc con

  • Theo dõi - Stackpane
  • Thanh - Vùng
  • Người tiến bộ
  • Lớp học phong cách: Chỉ số tiến trình

Tài sản CSS

Giá trị

Mặc định

Cấu trúc con

  • Theo dõi - Stackpane
    • Thanh - Vùng
  • Người tiến bộ

Lớp học phong cách: Chỉ số tiến trình

Pseudo-classes

Cấu trúc conBình luận
-fx-skinvô giá trị

PopupControl là một popupwindow và không có bất kỳ thuộc tính CSS nào khác

-fx-tiến-màu

Tài sản CSSGiá trịMặc địnhBình luận
-fx-skinvô giá trịPopupControl là một popupwindow và không có bất kỳ thuộc tính CSS nào khác-fx-indeferminate-Bar-Animation-Time
-fx-tiến-màuthật10 -fx-indeferminate-Bar-Animation-Time
DodgerBluethật1 -fx-indeferminate-Bar-Animation-Time

Pseudo-classes

Cấu trúc conBình luận
-fx-skinvô giá trị
PopupControl là một popupwindow và không có bất kỳ thuộc tính CSS nào khác-fx-tiến-màu
DodgerBlue

Cấu trúc con

  • Theo dõi - Stackpane
    • Thanh - Vùng
  • Người tiến bộ
  • Lớp học phong cách: Chỉ số tiến trình
  • Tài sản CSS
    • Giá trị

Mặc định

Bình luận

Tài sản CSSGiá trịMặc địnhBình luận
-fx-skinthậtvô giá trị-fx-indeferminate-Bar-Animation-Time
PopupControl là một popupwindow và không có bất kỳ thuộc tính CSS nào khácthậtvô giá trị-fx-indeferminate-Bar-Animation-Time
PopupControl là một popupwindow và không có bất kỳ thuộc tính CSS nào khácthậtvô giá trị-fx-indeferminate-Bar-Animation-Time
Kiểm soát tiến trình có tất cả các thuộc tính của trạng thái Pseudo Class of ProgressIndicatorCấu trúc con1 -fx-indeferminate-Bar-Animation-Time
Theo dõi - StackpaneCấu trúc con1 -fx-indeferminate-Bar-Animation-Time
Theo dõi - Stackpane

Pseudo-classes

Cấu trúc conBình luận
-fx-skinvô giá trị
PopupControl là một popupwindow và không có bất kỳ thuộc tính CSS nào khác-fx-tiến-màu
DodgerBlueĐiều khiển IndressIndicator có tất cả các thuộc tính của kiểm soát
DodgerBlue

Cấu trúc con

  • Theo dõi - Stackpane
  • Thanh - Vùng
  • Người tiến bộ

Lớp học phong cách: Chỉ số tiến trình

Tài sản CSS

Tài sản CSSGiá trịMặc địnhBình luận
-fx-skinvô giá trịPopupControl là một popupwindow và không có bất kỳ thuộc tính CSS nào khác-fx-indeferminate-Bar-Animation-Time
-fx-tiến-màuDodgerBlueĐiều khiển IndressIndicator có tất cả các thuộc tính của kiểm soát-fx-indeferminate-Bar-Animation-Time
CSS Pseudo-Classxác địnhĐiều khiển IndressIndicator có tất cả các thuộc tính của kiểm soát-fx-indeferminate-Bar-Animation-Time
Theo dõi - Stackpane

Pseudo-classes

Cấu trúc conBình luận
PopupControl là một popupwindow và không có bất kỳ thuộc tính CSS nào khác-fx-tiến-màu
-fx-skinvô giá trị
DodgerBlue

Cấu trúc con

  • Điều khiển IndressIndicator có tất cả các thuộc tính của kiểm soát

CSS Pseudo-Class

xác định

Tài sản CSSGiá trịMặc địnhBình luận
-fx-skinvô giá trịPopupControl là một popupwindow và không có bất kỳ thuộc tính CSS nào khác-fx-indeferminate-Bar-Animation-Time
-fx-tiến-màuthậtvô giá trị-fx-indeferminate-Bar-Animation-Time
PopupControl là một popupwindow và không có bất kỳ thuộc tính CSS nào khácthậtvô giá trị-fx-indeferminate-Bar-Animation-Time
PopupControl là một popupwindow và không có bất kỳ thuộc tính CSS nào khácthật25 -fx-indeferminate-Bar-Animation-Time
-fx-tiến-màuthật3 -fx-indeferminate-Bar-Animation-Time
-fx-tiến-màuthậtvô giá trị-fx-indeferminate-Bar-Animation-Time
PopupControl là một popupwindow và không có bất kỳ thuộc tính CSS nào khácthậtvô giá trị-fx-indeferminate-Bar-Animation-Time
-fx-tiến-màuthật10 -fx-indeferminate-Bar-Animation-Time
Theo dõi - Stackpane

Pseudo-classes

Cấu trúc conBình luận
PopupControl là một popupwindow và không có bất kỳ thuộc tính CSS nào khác-fx-tiến-màu
-fx-skinvô giá trị
DodgerBlue

Cấu trúc con

  • Theo dõi - Stackpane
  • Thanh - Vùng
  • Người tiến bộ

Lớp học phong cách: Chỉ số tiến trình

Tài sản CSS

Giá trị

Mặc định

Tài sản CSSGiá trịMặc địnhBình luận
-fx-skinvô giá trịPopupControl là một popupwindow và không có bất kỳ thuộc tính CSS nào khác-fx-indeferminate-Bar-Animation-Time
Theo dõi - Stackpane

Pseudo-classes

Cấu trúc conBình luận
PopupControl là một popupwindow và không có bất kỳ thuộc tính CSS nào khác-fx-tiến-màu
-fx-skinvô giá trị
DodgerBlue

Cấu trúc con

  • Điều khiển IndressIndicator có tất cả các thuộc tính của kiểm soát
    • CSS Pseudo-Class
    • xác định

áp dụng nếu biến không xác định là sai

không xác định

áp dụng nếu biến không xác định là đúng

Tài sản CSSGiá trịMặc địnhBình luận
-fx-skinthật0 -fx-indeferminate-Bar-Animation-Time
vô giá trịthậtPopupControl là một popupwindow và không có bất kỳ thuộc tính CSS nào khác-fx-indeferminate-Bar-Animation-Time
-fx-tiến-màuthật0 -fx-indeferminate-Bar-Animation-Time
DodgerBluethậtPopupControl là một popupwindow và không có bất kỳ thuộc tính CSS nào khác-fx-indeferminate-Bar-Animation-Time
Theo dõi - Stackpane

Pseudo-classes

Cấu trúc conBình luận
-fx-skinvô giá trị
PopupControl là một popupwindow và không có bất kỳ thuộc tính CSS nào khác-fx-tiến-màu
DodgerBlueĐiều khiển IndressIndicator có tất cả các thuộc tính của kiểm soát
CSS Pseudo-Classxác định
DodgerBlue

Cấu trúc con

  • Điều khiển IndressIndicator có tất cả các thuộc tính của kiểm soát
    • CSS Pseudo-Class
    • xác định
    • áp dụng nếu biến không xác định là sai
      • không xác định
        • áp dụng nếu biến không xác định là đúng
    • Cũng có tất cả các lớp kiểm soát giả
      • Chỉ báo - Stackpane
      • Tiến trình - Stackpane
  • Tab-Content-Area-Stackpane

TableView

Lớp Phong cách: Taber-View

Tài sản CSSGiá trịMặc địnhBình luận
-fx-size[Horizontal | theo chiều dọc ]20 Kích thước tiêu đề cột bảng.
Cũng có tất cả các thuộc tính của kiểm soát

Pseudo-classes

CSS Pseudo-ClassBình luận
-fx-size[Không bao giờ | Luôn luôn | Khi cần thiết]
Kích thước tiêu đề cột bảng.Cũng có tất cả các thuộc tính của kiểm soát
CSS Pseudo-Class

Sự lựa chọn tế bào

  • áp dụng nếu mô hình lựa chọn của TableView này là lựa chọn ô
  • Lựa chọn hàng
  • áp dụng nếu mô hình lựa chọn của TableView này là lựa chọn hàng
  • Cũng có tất cả các lớp giả của nút
    • nested-column-header
      • column-header
    • Cấu trúc con
    • Dòng phục hồi cột-Vùng
      • Cột -Tverlay - Vùng
    • Người giữ chỗ - Stackpane
      • Cột tiêu đề-Background-Stackpane

Filler - Vùng

Show-Hide-M-M-Button-Stackpane

Hiển thị-Hide-M-Image-Stackpane

Sự lựa chọn tế bào

  • áp dụng nếu mô hình lựa chọn của TableView này là lựa chọn ô
    • Lựa chọn hàng

áp dụng nếu mô hình lựa chọn của TableView này là lựa chọn hàng

Tài sản CSSGiá trịMặc địnhBình luận
-fx-size[Horizontal | theo chiều dọc ]Kích thước tiêu đề cột bảng.Cũng có tất cả các thuộc tính của kiểm soát
CSS Pseudo-Class[Horizontal | theo chiều dọc ]Kích thước tiêu đề cột bảng.Cũng có tất cả các thuộc tính của kiểm soát
CSS Pseudo-Class[Horizontal | theo chiều dọc ]Kích thước tiêu đề cột bảng.Cũng có tất cả các thuộc tính của kiểm soát
CSS Pseudo-Class[Horizontal | theo chiều dọc ]Kích thước tiêu đề cột bảng.Cũng có tất cả các thuộc tính của kiểm soát
CSS Pseudo-Class[Horizontal | theo chiều dọc ]Kích thước tiêu đề cột bảng.Cũng có tất cả các thuộc tính của kiểm soát
CSS Pseudo-Class[Horizontal | theo chiều dọc ]Kích thước tiêu đề cột bảng.Cũng có tất cả các thuộc tính của kiểm soát
CSS Pseudo-Class

Pseudo-classes

CSS Pseudo-ClassBình luận
Sự lựa chọn tế bàoáp dụng nếu mô hình lựa chọn của TableView này là lựa chọn ô
Lựa chọn hàng

áp dụng nếu mô hình lựa chọn của TableView này là lựa chọn hàng

Cũng có tất cả các lớp giả của nút

Tài sản CSSGiá trịMặc địnhBình luận
Cấu trúc conDòng phục hồi cột-VùngCột -Tverlay - VùngCũng có tất cả các thuộc tính của kiểm soát
CSS Pseudo-Class

Sự lựa chọn tế bào

áp dụng nếu mô hình lựa chọn của TableView này là lựa chọn ô

Tài sản CSSGiá trịMặc địnhBình luận
Lựa chọn hàng[Horizontal | theo chiều dọc ]Kích thước tiêu đề cột bảng.Cũng có tất cả các thuộc tính của kiểm soát
CSS Pseudo-Class[Horizontal | theo chiều dọc ]Kích thước tiêu đề cột bảng.Cũng có tất cả các thuộc tính của kiểm soát
CSS Pseudo-Class

Pseudo-classes

CSS Pseudo-ClassBình luận
Sự lựa chọn tế bàoáp dụng nếu mô hình lựa chọn của TableView này là lựa chọn ô
Lựa chọn hàngáp dụng nếu mô hình lựa chọn của TableView này là lựa chọn hàng
Cũng có tất cả các lớp giả của nút

Sự lựa chọn tế bào

  • áp dụng nếu mô hình lựa chọn của TableView này là lựa chọn ô
    • Lựa chọn hàng
    • áp dụng nếu mô hình lựa chọn của TableView này là lựa chọn hàng
      • Cũng có tất cả các lớp giả của nút
  • Cấu trúc con

Dòng phục hồi cột-Vùng

Cột -Tverlay - Vùng

Người giữ chỗ - Stackpane

Pseudo-classes

CSS Pseudo-ClassBình luận
Sự lựa chọn tế bàoáp dụng nếu mô hình lựa chọn của TableView này là lựa chọn ô
Lựa chọn hàng

áp dụng nếu mô hình lựa chọn của TableView này là lựa chọn hàng

Cũng có tất cả các lớp giả của nút

Tài sản CSSGiá trịMặc địnhBình luận
Cấu trúc conDòng phục hồi cột-VùngCột -Tverlay - VùngCũng có tất cả các thuộc tính của kiểm soát
Cũng có tất cả các thuộc tính của kiểm soát

Pseudo-classes

CSS Pseudo-ClassBình luận
Cột -Tverlay - VùngNgười giữ chỗ - Stackpane
Cột tiêu đề-Background-StackpaneFiller - Vùng
Lựa chọn hàng

Sự lựa chọn tế bào

  • áp dụng nếu mô hình lựa chọn của TableView này là lựa chọn ô
    • Lựa chọn hàng

áp dụng nếu mô hình lựa chọn của TableView này là lựa chọn hàng

Cũng có tất cả các lớp giả của nút

Tài sản CSSGiá trịMặc địnhBình luận
Cấu trúc conDòng phục hồi cột-VùngCột -Tverlay - VùngCũng có tất cả các thuộc tính của kiểm soát
CSS Pseudo-ClassSự lựa chọn tế bàoáp dụng nếu mô hình lựa chọn của TableView này là lựa chọn ôCũng có tất cả các thuộc tính của kiểm soát
CSS Pseudo-Class[Horizontal | theo chiều dọc ]Sự lựa chọn tế bàoCũng có tất cả các thuộc tính của kiểm soát
CSS Pseudo-Class[Horizontal | theo chiều dọc ]Kích thước tiêu đề cột bảng.Cũng có tất cả các thuộc tính của kiểm soát
CSS Pseudo-ClassSự lựa chọn tế bàoCột -Tverlay - VùngCũng có tất cả các thuộc tính của kiểm soát
CSS Pseudo-Class[Horizontal | theo chiều dọc ]4 Cũng có tất cả các thuộc tính của kiểm soát
-fx-size[Horizontal | theo chiều dọc ]thậtCũng có tất cả các thuộc tính của kiểm soát

Sự lựa chọn tế bào

  • áp dụng nếu mô hình lựa chọn của TableView này là lựa chọn ô
  • Lựa chọn hàng

áp dụng nếu mô hình lựa chọn của TableView này là lựa chọn hàng

Cũng có tất cả các lớp giả của nút

Tài sản CSSGiá trịMặc địnhBình luận
Cấu trúc con[Trung tâm-ellipsis | trung tâm-word-ellipsis | clip | Ellipsis | hàng đầu-ellipsis | từ hàng đầu-ellipsis | Word-ellipsis]10 Dòng phục hồi cột-Vùng
Cột -Tverlay - Vùng

Pseudo-classes

CSS Pseudo-ClassBình luận
Sự lựa chọn tế bàoáp dụng nếu mô hình lựa chọn của TableView này là lựa chọn ô
Lựa chọn hàngáp dụng nếu mô hình lựa chọn của TableView này là lựa chọn hàng
Cũng có tất cả các lớp giả của nút

Cấu trúc con

Dòng phục hồi cột-Vùng

Cột -Tverlay - Vùng

Người giữ chỗ - Stackpane

javafx.scene.chart

Cột tiêu đề-Background-Stackpane

Filler - VùngBình luậnShow-Hide-M-M-Button-Stackpane
Hiển thị-Hide-M-Image-StackpaneTiêu đề kéo cột-StackpaneNhãn - Nhãn
TextareaTiêu đề kéo cột-StackpaneNhãn - Nhãn
TextareaLớp học kiểu: khu vực văn bảnNhãn - Nhãn
TextareaTiêu đề kéo cột-StackpaneNhãn - Nhãn
Tài sản CSSGiá trịMặc địnhBình luận
Textarea

Lớp học kiểu: khu vực văn bản

Filler - VùngBình luậnShow-Hide-M-M-Button-Stackpane
Hiển thị-Hide-M-Image-StackpaneCũng có tất cả các thuộc tính của kiểm soátCũng có tất cả các thuộc tính của kiểm soát
CSS Pseudo-ClassSự lựa chọn tế bàoNút
"Chart-Bar Series Bar-Legend-Symbol-Color"Chỉ số của sê -ri ở đâu và là số chỉ số màu của sê -riTruyền thuyết
Tài sản CSSGiá trịMặc địnhBình luận
-fx-bar-gap[Trung tâm-ellipsis | trung tâm-word-ellipsis | clip | Ellipsis | hàng đầu-ellipsis | từ hàng đầu-ellipsis | Word-ellipsis]4 & nbsp;
-FX-Category Gap[Trung tâm-ellipsis | trung tâm-word-ellipsis | clip | Ellipsis | hàng đầu-ellipsis | từ hàng đầu-ellipsis | Word-ellipsis]10 & nbsp;
-FX-Category Gap

Có tất cả các thuộc tính của xychart

Biểu đồ bong bóngBình luận-fx-bar-gap
Tiêu đề - Hbox& nbsp;Nút
-FX-Category GapChỉ số của sê -ri ở đâu và là số chỉ số màu của sê -riTruyền thuyết
Tài sản CSSGiá trịMặc địnhBình luận
-FX-Category Gap

Có tất cả các thuộc tính của xychart

Biểu đồ bong bóng

Tài sản CSSGiá trịMặc địnhBình luận
-fx-bar-gapĐiều khiển ToggleButton có tất cả các thuộc tính của NútBase.& nbsp;& nbsp;
-FX-Category Gap[Trung tâm-ellipsis | trung tâm-word-ellipsis | clip | Ellipsis | hàng đầu-ellipsis | từ hàng đầu-ellipsis | Word-ellipsis]& nbsp;& nbsp;
-FX-Category GapĐiều khiển ToggleButton có tất cả các thuộc tính của NútBase.& nbsp;& nbsp;
-FX-Category Gap

Có tất cả các thuộc tính của xychart

  • Biểu đồ bong bóng
  • Lớp học phong cách

Đặc tính

Biểu đồ bong bóngBình luận-fx-bar-gap
Tiêu đề - HboxChỉ số của sê -ri ở đâu và là số chỉ số màu của sê -riNút
& nbsp;& nbsp;Nút
-FX-Category GapChỉ số của sê -ri ở đâu và là số chỉ số màu của sê -riTruyền thuyết
Tài sản CSSGiá trịMặc địnhBình luận
-fx-bar-gapthật& nbsp;& nbsp;
-FX-Category Gap

Có tất cả các thuộc tính của xychart

Biểu đồ bong bóngBình luận-fx-bar-gap
Chỉ số của chuỗi ở đâu, là chỉ mục của dữ liệu trong chuỗi và là số chỉ số màu của sê -ri& nbsp;Nút
& nbsp;-FX-Category GapTruyền thuyết
Tài sản CSSGiá trịMặc địnhBình luận
-FX-Category Gap

Có tất cả các thuộc tính của xychart

Biểu đồ bong bóngBình luận-fx-bar-gap
Chỉ số của chuỗi ở đâu, là chỉ mục của dữ liệu trong chuỗi và là số chỉ số màu của sê -ri& nbsp;Nút
-FX-Category Gap& nbsp;-FX-Category Gap
Có tất cả các thuộc tính của xychart& nbsp;-FX-Category Gap
Có tất cả các thuộc tính của xychartBiểu đồ bong bóngTruyền thuyết
Tài sản CSSGiá trịMặc địnhBình luận
-fx-bar-gapthật& nbsp;& nbsp;
-FX-Category Gapthật& nbsp;& nbsp;
-FX-Category Gapthật20 & nbsp;
-FX-Category Gapthật0 & nbsp;
-FX-Category Gap

Có tất cả các thuộc tính của xychart

Biểu đồ bong bóng

Tài sản CSSGiá trịMặc địnhBình luận
Lớp học phong cáchthật& nbsp;& nbsp;
-FX-Category Gapthật& nbsp;& nbsp;
-FX-Category Gapthật& nbsp;& nbsp;
-FX-Category Gapthật& nbsp;& nbsp;
-FX-Category Gapthật& nbsp;& nbsp;
-FX-Category Gapthật& nbsp;& nbsp;
-FX-Category Gap

Có tất cả các thuộc tính của xychart

  • Biểu đồ bong bóng
  • Lớp học phong cách
  • Đặc tính
  • "Biểu đồ Bubble Data Dữ liệu mặc định màu"
  • Chỉ số của chuỗi ở đâu, là chỉ mục của dữ liệu trong chuỗi và là số chỉ số màu của sê -ri
  • "Biểu đồ bong bóng sê-ri bong bóng-symbol màu mặc định"
  • Đồ thị
  • Lớp Phong cách: Biểu đồ

-FX-Legend-side

Cạnh

Tài sản CSSGiá trịMặc địnhBình luận
đáyChỉ số của chuỗi ở đâu, là chỉ mục của dữ liệu trong chuỗi và là số chỉ số màu của sê -ri& nbsp;& nbsp;
-FX-Category Gapthật8 & nbsp;
Có tất cả các thuộc tính của xychartthậtBiểu đồ bong bóng& nbsp;
Lớp học phong cáchthậtBiểu đồ bong bóng& nbsp;
Lớp học phong cáchthậtBiểu đồ bong bóng& nbsp;
Lớp học phong cáchthật& nbsp;& nbsp;
-FX-Category Gapthật& nbsp;& nbsp;
-FX-Category Gap

Có tất cả các thuộc tính của xychart

  • Biểu đồ bong bóng
  • Lớp học phong cách

Đặc tính

Cạnh

Tài sản CSSGiá trịMặc địnhBình luận
đáythật5 & nbsp;
-FX-Legend-Visiblethật5 & nbsp;
thậtthật& nbsp;& nbsp;
-FX-Category Gap

Có tất cả các thuộc tính của xychart

  • Biểu đồ bong bóng

Lớp học phong cách

Cạnh

Tài sản CSSGiá trịMặc địnhBình luận
đáythật5 -FX-Legend-Visible
thật

-FX-Title-side

Cạnh

Tài sản CSSGiá trịMặc địnhBình luận
đáythật5 -FX-Legend-Visible
thậtthật5 -FX-Legend-Visible
thậtthật& nbsp;-FX-Category Gap
-FX-Category Gap

Có tất cả các thuộc tính của xychart

Biểu đồ bong bóng

Tài sản CSSGiá trịMặc địnhBình luận
-FX-Category Gap

Có tất cả các thuộc tính của xychart

  • Biểu đồ bong bóng
  • Lớp học phong cách

Đặc tính

"Biểu đồ Bubble Data Dữ liệu mặc định màu"

Chỉ số của chuỗi ở đâu, là chỉ mục của dữ liệu trong chuỗi và là số chỉ số màu của sê -ri

"Biểu đồ bong bóng sê-ri bong bóng-symbol màu mặc định"

Đồ thị


Bản quyền (c) 2008, 2014, Oracle và/hoặc các chi nhánh của nó.Đã đăng ký Bản quyền.


Tải thêm tài liệu liên quan đến bài viết Hướng dẫn important css javafx - css javafx quan trọng