cell-border-style

この表のテーブルセルボーダーの外観を指定します。

説明

有効値は次のとおりです。

"none"：境界を描きません。境界領域は背景色で塗りつぶされます。
"flat" ：境界はセルの境界色で単純にペイントされます。border-style を指定しない場合、これが既定値です。
"raised"：斜めに浮き上がって見えるように、セルの境界色より薄い色と濃い色を使って境界をペイントします。
"sunken"：斜めにへこんだ外観を作ります。
"ridge": 浮き上がった境界でへこんだ境界を囲むように、境界領域を塗りつぶします。
"groove"：へこんだ境界で浮き上がった境界を囲むように、境界領域を塗りつぶします。
"dash"：破線の境界線を描くため、境界領域を塗りつぶします。
"dot"：点線の境界線を描くため、境界領域を塗りつぶします。
"double"：二重線の境界線を描くため、境界領域を塗りつぶします。
"tiled": 境界領域を埋め、タイル状の border-color FillPattern 表示を生成します。 Pixmap ベースの FillPattern で使用されます。

例

例: 次は、さまざまなテーブルセルのボーダースタイルを青で表示しています (tiled を除く)。

{let t:Table =
    {Table 
        columns = 3, 
        width = 7cm,
        height = 3cm,
        background = FillPattern.silver,
        cell-border-color = FillPattern.blue,
        cell-border-width = 3pt,
        cell-border-style = BorderStyle.flat,
        border-width = 1pt,
        border-color = FillPattern.black,
        "Apple", "Banana", "Grapes",
        "Papaya", "Strawberry", "Guava"
    }
}

{let dd:DropdownList = 
    {DropdownList
        "none", "flat", "raised", "sunken",
        "ridge", "groove", "dash", "dot", 
        "double",
        value = "flat",
        {on ValueChanged do
            set t.cell-border-style = dd.value
        }
    }
}

{spaced-hbox
    dd,
    t
}

この例は、tiled ボーダースタイルの使用法を示しています。ボーダー幅が変化するにつれて、ボーダーのタイル部分がどのように変化するか注意してください。この場合は、タイル部分には 24px より小さいボーダー幅のイメージの傾斜部分が含まれます。また、ピクセルの単一の行と列が伸長され、イメージ部分がなくなるまで、ボーダーが大きくなるにつれて、両側と上部に沿ったタイル表示に使用できるイメージ部分が小さくなっていくことに注意してください。これは、ボーダー幅がイメージサイズの半分以上の場合に発生します。このイメージは 256x256 のため、ボーダー幅を 128px 以上に設定するとこの効果を確認することができます。

border-color に使用されるイメージは次のように表示されます。

例: tiled ボーダースタイルの使用

{let constant t:Table =
    {Table 
        columns = 3, 
        background = FillPattern.silver,
        cell-border-color =
            {FillPattern.from-url
                {url "curl://install/docs/default/images/tiled-border.gif"}
            },
        cell-border-width = 30px,
        cell-border-style = BorderStyle.tiled,
        border-width = 1pt,
        border-color = FillPattern.black,
        "Apple", "Banana", "Grapes",
        "Papaya", "Strawberry", "Guava"
    }
}

{value
    {t.add
        {cell-prototype
            colspan = 3,
            {HBox
                spacing = 5mm,
                "cell-border-width:",
                {TextField
                    value = "30px",
                    {on ValueFinished at tf:TextField do
                        set t.cell-border-width = {evaluate tf.value}
                    }
                }
            }
        }
    }
    
    t
}

注意事項

参照: cell-border-width, cell-border-color.