style-rule ::=
selectors-list {
properties-list
}
Ở đâu :
selectors-list ::=
selector[:pseudo-class] [::pseudo-element]
[, selectors-list]
properties-list ::=
[property : value] [; properties-list]
Xem chỉ số của bộ chọn, lớp giả và các yếu tố giả dưới đây. Cú pháp cho mỗi giá trị được chỉ định phụ thuộc vào kiểu dữ liệu được xác định cho từng thuộc tính được chỉ định.
Ví dụ quy tắc phong cách
strong {
color: red;
}
div.menu-bar li:hover > ul {
display: block;
}
Để giới thiệu cấp độ mới bắt đầu về cú pháp của các bộ chọn, hãy xem Hướng dẫn của chúng tôi về Bộ chọn CSS. Xin lưu ý rằng bất kỳ lỗi cú pháp trong định nghĩa quy tắc làm mất hiệu lực toàn bộ quy tắc. Các quy tắc không hợp lệ bị bỏ qua bởi trình duyệt. Lưu ý rằng các định nghĩa quy tắc CSS hoàn toàn dựa trên văn bản [ASCII], trong khi DOM-CSS / CSSOM [hệ thống quản lý quy tắc] dựa trên đối tượ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
"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".
javafx.scene.node | con trỏ | -fx-cursor | javafx.scene.cursor.default |
javafx.scene.text.text | Textalign | -fx-text-atornment | javafx.scene.text.textalign.left |
javafx.scene.text.font | nét chữ | -fx font | Font.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:
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:
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['//example.com']
url["//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".
-fx font | thừ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 | thừ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 | thừ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 | thừ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 | thừ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ỉ số 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
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
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 | Phạm vi | 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] | Nút | 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ị | Nút | Phạm vi | Phạm vi |
-fx-Blend-mode | vô giá trị | & nbsp; | Phạm vi | Phạm vi |
-fx-Blend-mode | vô 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 vi | Phạm vi |
-fx-Blend-mode | vô giá trị | 0 | Phạm vi | Phạm vi |
-fx-Blend-mode | vô giá trị | 0 | Phạm vi | 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ị | Phạm vi | -fx-Blend-mode |
Pseudo-classes
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ị-Bolemonic | Tá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
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
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 |
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
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
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
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 | 0 | Sân khấu |
Lớp kiểu: Không áp dụng | Cũng có tất cả các thuộc tính của nút | 0 | 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. | ImageView | 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. | ImageView | 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. | ImageView | 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. | ImageView | Sâ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
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 | 0 | Sân khấu | |
Lớp kiểu: Không áp dụng | Cũng có tất cả các thuộc tính của nút | 0 | 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. | ImageView | Sân khấu | |
Lớp kiểu: Không áp dụng | Cũng có tất cả các thuộc tính của nút | Sân khấu | Sân khấu | Sâ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
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 | 0 | 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. | ImageView | Sân khấu |
Lớp kiểu: Không áp dụng | Cũng có tất cả các thuộc tính của nút | Sân khấu | Sâ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
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ị
- Mặc định
- 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.
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.
Đ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 | | [, [| ]]* | 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 | | [, [| ]]* | 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ình | 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 hình ảnh tương ứng trong loạt hình ảnh đường viền. | 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.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ình | 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 hình ảnh tương ứng trong loạt hình ảnh đường viền. | 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.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ình | 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. | 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ậ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ình | 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. | 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 | 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. | 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 | 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. | 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 | 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. | 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
"" | 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-pixel | 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 |
""
thật
"" | 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-pixel | 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? ]* | 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-pixel | 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]. | -fx-snap-to-pixel | 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 |
""
thật
"" | & 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-pixel | 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ật | 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 |
javafx.scene.shape
""
thật
"" | & 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ật | 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; | 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
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
Vòng cung | [MITER | Viêu biến | vòng ] | miter | -fx-stroke-miter-giới hạn |
Giá trị | -fx-stroke-width | Cũ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 | Cũ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-width | Cũ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
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-width | Cũ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
Vòng cung | 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. | 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
Vòng cung | Lớ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.
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
Vòng cung | Lớ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
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
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
-FX-Color-Label-Visible | Kí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
-FX-Color-Label-Visible | xá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át | Cấu trúc conarmed variable is true |
Nút hiển thị màu - Nhãn
Mũi tên -Button - Stackpane
-FX-Color-Label-Visible | Kí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
Combobox | Lớ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
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 |
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
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 | & 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 | & 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át | Nú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 - Stackpane | Combobox | Lớ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
Mũi tên - một stackpane | CSS Pseudo-Class | có thể chỉnh sửa | & nbsp; |
Pseudo-classes
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
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 | [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
Combobox | Lớ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
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út | Danh sách -View - ListView | Danh 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
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ết | thậ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 ProgressIndicator | thật | 2.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
-fx-skin | thật | vô 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 |
-fx-skin | thật | vô 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
-fx-skin | vô 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
-fx-skin | vô 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
-fx-skin | vô 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àu | thật | 10 | -fx-indeferminate-Bar-Animation-Time |
DodgerBlue | thật | 1 | -fx-indeferminate-Bar-Animation-Time |
Pseudo-classes
-fx-skin | vô 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
-fx-skin | thật | vô 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ác | thật | vô 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ác | thật | vô 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 | Cấu trúc con | 1 | -fx-indeferminate-Bar-Animation-Time |
Theo dõi - Stackpane | Cấu trúc con | 1 | -fx-indeferminate-Bar-Animation-Time |
Theo dõi - Stackpane |
Pseudo-classes
-fx-skin | vô 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
-fx-skin | vô 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àu | DodgerBlue | Đ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-Class | xá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
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-skin | vô 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
-fx-skin | vô 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àu | thật | vô 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ác | thật | vô 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ác | thật | 25 | -fx-indeferminate-Bar-Animation-Time |
-fx-tiến-màu | thật | 3 | -fx-indeferminate-Bar-Animation-Time |
-fx-tiến-màu | thật | vô 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ác | thật | vô giá trị | -fx-indeferminate-Bar-Animation-Time |
-fx-tiến-màu | thật | 10 | -fx-indeferminate-Bar-Animation-Time |
Theo dõi - Stackpane |
Pseudo-classes
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-skin | vô 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
-fx-skin | vô 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
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-skin | vô 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
-fx-skin | thật | 0 | -fx-indeferminate-Bar-Animation-Time |
vô giá trị | thật | 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àu | thật | 0 | -fx-indeferminate-Bar-Animation-Time |
DodgerBlue | thật | 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
-fx-skin | vô 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-Class | xá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
-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
-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
-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
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 | 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 | [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
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
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 | Cũ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
Cột -Tverlay - Vùng | Người giữ chỗ - Stackpane |
Cột tiêu đề-Background-Stackpane | Filler - 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
Cấu trúc con | Dòng phục hồi cột-Vùng | Cột -Tverlay - Vù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 ô | 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ào | 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 | Sự lựa chọn tế bào | Cột -Tverlay - Vù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 ] | 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ật | Cũ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
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
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
Hiển thị-Hide-M-Image-Stackpane | Tiêu đề kéo cột-Stackpane | Nhãn - Nhãn |
Textarea | Tiêu đề kéo cột-Stackpane | Nhãn - Nhãn |
Textarea | Lớp học kiểu: khu vực văn bản | Nhãn - Nhãn |
Textarea | Tiêu đề kéo cột-Stackpane | Nhãn - Nhãn |
Textarea |
Lớp học kiểu: khu vực văn bản
Hiển thị-Hide-M-Image-Stackpane | Cũ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 |
CSS Pseudo-Class | Sự lựa chọn tế bào | Nú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ê -ri | Truyền thuyết |
-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
Tiêu đề - Hbox | & nbsp; | Nút |
-FX-Category Gap | Chỉ số của sê -ri ở đâu và là số chỉ số màu của sê -ri | Truyền thuyết |
-FX-Category Gap |
Có tất cả các thuộc tính của xychart
Biểu đồ bong bóng
-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
Tiêu đề - Hbox | Chỉ số của sê -ri ở đâu và là số chỉ số màu của sê -ri | Nút |
& nbsp; | & nbsp; | Nút |
-FX-Category Gap | Chỉ số của sê -ri ở đâu và là số chỉ số màu của sê -ri | Truyền thuyết |
-fx-bar-gap | thật | & nbsp; | & nbsp; |
-FX-Category Gap |
Có tất cả các thuộc tính của xychart
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 Gap | Truyền thuyết |
-FX-Category Gap |
Có tất cả các thuộc tính của xychart
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 xychart | Biểu đồ bong bóng | Truyền thuyết |
-fx-bar-gap | thật | & nbsp; | & nbsp; |
-FX-Category Gap | thật | & nbsp; | & nbsp; |
-FX-Category Gap | thật | 20 | & nbsp; |
-FX-Category Gap | thật | 0 | & 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 | thật | & nbsp; | & nbsp; |
-FX-Category Gap | thật | & nbsp; | & nbsp; |
-FX-Category Gap | thật | & nbsp; | & nbsp; |
-FX-Category Gap | thật | & nbsp; | & nbsp; |
-FX-Category Gap | thật | & nbsp; | & nbsp; |
-FX-Category Gap | thậ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
đáy | 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; | & nbsp; |
-FX-Category Gap | thật | 8 | & nbsp; |
Có tất cả các thuộc tính của xychart | thật | Biểu đồ bong bóng | & nbsp; |
Lớp học phong cách | thật | Biểu đồ bong bóng | & nbsp; |
Lớp học phong cách | thật | Biểu đồ bong bóng | & nbsp; |
Lớp học phong cách | thật | & nbsp; | & nbsp; |
-FX-Category Gap | thậ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
đáy | thật | 5 | & nbsp; |
-FX-Legend-Visible | thật | 5 | & nbsp; |
thật | thậ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
đáy | thật | 5 | -FX-Legend-Visible |
thật |
-FX-Title-side
Cạnh
đáy | thật | 5 | -FX-Legend-Visible |
thật | thật | 5 | -FX-Legend-Visible |
thật | thậ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
-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.