2014-11-10 5 views
0

Если вы посмотрите в modena.css вы можете увидеть, как TableCell указывается граница по умолчанию:Пользовательского TableCell Border

.table-cell { 
    ... 
    -fx-border-color: transparent -fx-table-cell-border-color transparent transparent; 
    ... 
} 

Как вы можете видеть, что граница прозрачна друг от друга с правой стороны, которая имеет цвета заданный параметром -fx-table-cell-border-color.

Я хотел бы, чтобы граница с правой стороны имела два разных цвета. -fx-table-cell-border-color для всех пикселей, кроме самого нижнего пикселя, который я хотел бы быть красным.

Можно ли указать, что пограничная сторона состоит из более чем одного цвета?

ответ

1

Что об этом:

.table-cell { 
    -fx-border-color: transparent 
     linear-gradient(to bottom, -fx-table-cell-border-color 95%, 
            red 95%) 
     transparent 
     transparent; 
} 

Обратите внимание на 95%, в зависимости от высоты строк вы можете увеличить его до 95% +.

Я включил этот (масштабированный) рис двух таблиц, один с обычным css (слева), один с этим css (справа). Красный пиксель находится только на углу.

scaled view of table row

+0

То есть в то, что я думал о, но из-за линейного градиента я никогда не может получить нижний пиксель точно красный и один выше, чтобы быть точно -fx стол-клеточно-граница цвет, независимо от того, какой процент я использую. – Boomah

+0

Я отредактировал свой ответ, чтобы изменить градиент. Теперь он имеет только два чистых цвета. Кроме того, pic показывает результат на правой таблице. –

+0

Отлично. Благодарю. – Boomah

Смежные вопросы