Граница вокруг текста в фотошопе stroke а с css можно сделать подобное

[bgraf]

добрый день всем !!!

Уважаемые форумчане, подскажите как мне сделать обводку вокруг текста , в фотошопе с помощью стилей это делается со stroke а в css есть что то подобное ?

С уважением

[Great Rash]

Пока можете об этом забыть.

[bgraf]

Пока можете об этом забыть.

простите , я не правельно задал , или нет такого решения

[Justnewone]

простите , я не правельно задал , или нет такого решения

Теоритически есть, но практически поддержка этого свойства еще браузерами в основной массе не реализована. Год или два надо потерпеть, вот.

[gesandte]

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

[Searcher]

все, что можно в css - бордеры вокруг блоков

если вы заключите текст в блок <p></p> или <div></div> то можете задать этому блоку border. Ну и прочитайте внимательно справочник: http://htmlbook.ru/css/

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

[bgraf]

всем огромное спасибо

[PaRaDAnTiT]

а я нашел решение как можно это сделать.. вот вообще пример без коментариев.. тут и так все понятно

<div id="baner_fone1">тел: (8442) 99-99-99</div>

<div id="baner_fone2">тел: (8442) 99-99-99</div>

<div id="baner_fone3">тел: (8442) 99-99-99</div>

<div id="baner_fone4">тел: (8442) 99-99-99</div>

#baner_fone1, #baner_fone2, #baner_fone3, #baner_fone4{

float:left;

font-family:Arial, Helvetica, sans-serif;

color:#FFFFFF;

}

#baner_fone1 {

text-shadow: #FF0000 1px -1px;

}

#baner_fone2{

text-shadow: #FF0000 1px 1px;

}

#baner_fone3{

text-shadow: #FF0000 -1px 1px;

}

#baner_fone4{

text-shadow: #FF0000 -1px -1px;

}

[stars]

а теперь идем сюда http://www.htmlbook.ru/css/text-shadow.html и запоминаем что text-shadow работает далеко не везде... Подключите фильтр Shadow для IE

Edited July 5, 2010 by stars

[PaRaDAnTiT]

ну да.. неучел этой особенности.. ну можно же все всегда подправить и исправить))) вот тогда что получаеться)))

<div id="baner_fone1">тел: (8442) 99-99-99</div>

<div id="baner_fone2">тел: (8442) 99-99-99</div>

<div id="baner_fone3">тел: (8442) 99-99-99</div>

<div id="baner_fone4">тел: (8442) 99-99-99</div>

#baner_fone1, #baner_fone2, #baner_fone3, #baner_fone4{ float:left; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;}

DIV#baner_fone1 {filter: Shadow(Color=#FF0000, Direction=45, Strength=2);}

DIV#baner_fone2 {filter: Shadow(Color=#FF0000, Direction=135, Strength=2);}

DIV#baner_fone3 {filter: Shadow(Color=#FF0000, Direction=225, Strength=2);}

DIV#baner_fone4 {filter: Shadow(Color=#FF0000, Direction=315, Strength=2);}

#baner_fone1 {text-shadow: #FF0000 1px -1px;}

#baner_fone2 {text-shadow: #FF0000 1px 1px;}

#baner_fone3 {text-shadow: #FF0000 -1px 1px;}

#baner_fone4 {text-shadow: #FF0000 -1px -1px;}

[IgorZaz]

Не работает с фоном(

P.S. В осле

Edited October 23, 2010 by IgorZaz