border-radius внутренней границы - никак не регулируется?

[Zverushka]

border-radius внутренней границы - никак не регулируется?

То есть, если мы делаем border-bottom - то очень часто внутренний уголок или имеет меньший радиус или съедается и становится прямоуольным. есть какой-то способ регулировать внутренний угол через css?

[SelenIT]

Внутренний радиус определяется как внешний минус толщина границы (если результат отрицательный, то 0), Сделать по-другому, насколько мне известно, можно только вложенными блоками.

[wwt]

Как вариант можно задать толщину бордера 1px и радиус такой какой нужен для видимого внутреннего радиуса, а толщину границы регулировать  с помощью box-shadow

 

пример http://jsfiddle.net/kWH7u/

Edited December 9, 2013 by wwt

[Zverushka]

Только у меня кнопка с одной лишь нижней границей. Знаете такой эффект нажатия на кнопку, чтобы был и края круглые.. пока без 2х слоев не получается обойтись.

[wwt]

Только у меня кнопка с одной лишь нижней границей. Знаете такой эффект нажатия на кнопку, чтобы был и края круглые.. пока без 2х слоев не получается обойтись.

что-то типо http://jsfiddle.net/3fvCr/ ?

кстати вспомнил есть вот такие вот кнопочки на CSS http://archive.simurai.com/lab/buttons/# думаю то что вам нужно, можете изучить их код.

[Zverushka]

@wwt, на верхней границе кнопка дрыгается туда-сюда, есть идеи? 

[Николя223]

хм... примерно также как и вложеные, только настраивать чуть подольше

 

http://jsfiddle.net/nikolya223/tuF84/

[Zverushka]

@Николя223,хм, не поняла твоего примера). У меня есть код с вложенными спаном, а с одиночным дивом непонятно - его можно заставить не дрыгаться?

[SelenIT]

«Дрыгается» — в смысле, в примере http://jsfiddle.net/3fvCr/ див при нажатии опускается на 2px? Так там же для .active явно margin-top прописан... Или я не понял проблемы?

[Николя223]

Николя223,хм, не поняла твоего примера). У меня есть код с вложенными спаном, а с одиночным дивом непонятно - его можно заставить не дрыгаться?

да - всмысле не дрыгаться? )

 

Просто идеи  пока подкидываю) ещё вот вариант

 http://jsfiddle.net/E9A73/

[Zverushka]

Вот так дрыгаться http://jsfiddle.net/3fvCr/1/

[Николя223]

что то ничего кроме псевдокласса не пришло

 

http://jsfiddle.net/nikolya223/LPRDz/

[wwt]

@wwt, на верхней границе кнопка дрыгается туда-сюда, есть идеи? 

Я специально сделал чтоб было смещение вниз при нажатии для этого прописан нижний паддинг чтоб смещалась нижняя граница, и верхний марджин чтоб смещалась верхняя.))) Замените :hover на .box:hover )))

[Николя223]

Она другое имела ввиду. если марджин большой, то при наведении на верхнюю часть объект уходит из под курсора, затем возвращается обратно и т.д.