Splitter
An element which should appear before or after an element inside a container. When the splitter is dragged, the sibling elements of the splitter are resized. If a grippy in placed inside the splitter, one sibling element of the splitter is collapsed when the grippy is clicked.
コンテナ内において要素の前後に置かれる要素。 スプリッタがドラッグされると、隣接する要素のサイズが変更される。 grippy 要素が splitter 要素内に置かれると、 スプリッタに隣接する要素の一方がグリッピーのクリックによりたたまれる。
スタイルクラス:
| tree-splitter |
属性:
XUL Element から継承:
align
allowevents
allownegativeassertions
class
coalesceduplicatearcs
collapsed
container
containment
context
contextmenu
datasources
debug
dir
empty
equalsize
flags
flex
height
hidden
id
insertafter
insertbefore
left
maxheight
maxwidth
menu
minheight
minwidth
mousethrough
observes
ordinal
orient
pack
persist
popup
position
ref
removeelement
sortDirection
sortResource
sortResource2
statustext
style
template
tooltip
tooltiptext
top
uri
wait-cursor
width
collapse
Type: one of the values below
Determines which side of the splitter is collapsed when its grippy is clicked. If this attribute is not specified, the splitter will not cause a collapse. It is common to put a grippy element inside the splitter when it is used for collapsing.
- none: No collpasing occurs.
- before: When the grippy is clicked, the element immediately before the splitter in the same parent is collapsed so that its width or height is 0.
- after: When the grippy is clicked, the element immediately after the splitter in the same parent is collapsed so that its width or height is 0.
型 : 以下の値の一つ
グリッピーがクリックされたときに、スプリッタのどちら側を折りたたむかを決める。この属性を指定しない場合には、スプリッタは折りたたまれない。スプリッタで折りたたみを行う場合、 splitter 要素内に grippy 要素を置く場合が多い。
- none: 折りたたみは行われない。
- before: グリッピーがクリックされると、同じ親要素を持つスプリッタのすぐ前の要素が折りたたまれて、幅または高さが 0 になる。
- after: グリッピーがクリックされると、同じ親要素を持つスプリッタのすぐ後ろの要素が折りたたまれて、幅または高さが 0 になる。
resizeafter
Type: one of the values below
This attribute indicates which element to the right or below the splitter should be resized when the splitter is repositioned.
- closest: The element immediately to the right or below the splitter resizes.
- farthest: The element that is the farthest away from the splitter to the right or below the splitter resizes.
- grow: The elements to the right or below the splitter do not change size (unless they are flexible) when the splitter is dragged, but instead the entire container changes size.
型 : 以下の値の一つ
この属性は、スプリッタが再配置されたときに、スプリッタの右または下方向のどの要素のサイズを変更するかを指定する。
- closest: スプリッタの右または下方向の最も近い要素のサイズを変更する。
- farthest: スプリッタの右または下方向で、スプリッタから最も遠い場所にある要素のサイズを変更する。
- grow: スプリッタがドラッグされても、スプリッタの右または下方向の要素はサイズを変更しない (フレキシブルでなければ)。ただし代わりにコンテナ全体のサイズが変更される。
resizebefore
Type: one of the values below
This attribute indicates which element to the left or above the splitter should be resized when the splitter is repositioned.
- closest: The element immediately to the left or above the splitter resizes.
- farthest: The element that is the farthest away from the splitter to the left or above the splitter resizes.
型 : 以下の値の一つ
この属性は、スプリッタが再配置されたときに、スプリッタの左または上方向のどの要素のサイズを変更するかを指定する。
- closest: スプリッタの左または上方向の最も近い要素のサイズを変更する。
- farthest: スプリッタの左または上方向で、スプリッタから最も遠い場所にある要素のサイズを変更する。
state
Type: one of the values below
Indicates whether the splitter has collapsed content or not. This attribute will be updated automatically as the splitter is moved, and is generally used in a stylesheet to apply a different appearance for each state.
- open: The content either before or after the splitter, depending on the value of the collapsed attribute, is currently displayed.
- collapsed: The content either before or after the splitter is collapsed and is not visible.
- dragging: The user is current adjutsing the position of the splitter, typically by dragging it with the mouse.
型 : 以下の値の一つ
スプリッタが内容を折りたたんでいるかどうかを指定する。スプリッタが移動されるたび、この属性は自動的に更新される。それぞれの状態に対して異なる外観を適用するため、一般的にはスタイルシートで使用される。
- open: collapsed 属性の値に依存するが、スプリッタの前後どちらかの内容は現在表示されている。
- collapsed: スプリッタの前後どちらかの内容が折りたたまれ、表示されていない。
- dragging: 現在ユーザがスプリッタの位置を調整中である。普通はマウスでドラッグしている。
Style Classes:
The following classes may be used to style the element. These classes should be used instead of changing the style of the element directly since they will fit more naturally with the user's selected theme.
以下のクラスは、要素をスタイル付けするために用いられる。ユーザが選択したテーマにより自然に合うため、要素のスタイルを直接変更するかわりにこれらのクラスを使用するべきである。
tree-splitter
This splitter is intended to be used in tree columns (in-between treecol elements). The splitter will be drawn with no width so that it isn't visible, however, the columns may still be resized.
このスプリッタはツリーの列 (treecol 要素間) に使われることを意図している。スプリッタ幅が無いように描画されるため表示はされないが、それでも列はサイズ変更できる。
プロパティとメソッド:
XUL Element から継承:
Element から継承: