Изменить ширину границы CSS - PullRequest
Новая
       4

Изменить ширину границы CSS

0 голосов
/ 25 января 2012

Я хотел бы знать, как изменить ширину границы этого списка (RSS-канал), чтобы она составляла примерно половину ширины контента и центрировалась без изменения ширины DIV или RSS-канала. 

.rssBody ul { list-style: none; 
}

.rssRow,.rssRow p { 
    margin-bottom:-5px;
    border-top:1px dashed #000000;

}

Это CSS-лента RSS: 

#recent_feed{
    top:213px;
    right:23px;
    width:230px;
    padding-bottom:80px;
    font-family:'MuseoSlab', 'Helvetica', 'Arial';
    font-size:16px;
    text-align:justify;
    position:absolute;
    z-index:0;
}

Вы можете увидеть это в действии здесь: http://www.cjfoote.co.uk/news/index.html

Ответы [ 2 ]

2 голосов
/ 25 января 2012

Границы CSS применяются ко всем размерам элемента и не могут быть применены только к определенной части или определенной ширине или высоте.Он всегда будет окаймлять весь элемент.

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

1 голос
/ 25 января 2012

Я бы сделал это с помощью psuedo-элемента, хотя это не обязательно удобно для всех браузеров.Должно быть IE 8 + . 

.rssRow:before, .rssRow p:before {
    content: ""; /* So that it will show */
    display: block; /* So it can have width */
    width: 50%; /* Make sure position on these elements is relative (or something besides default) */
    height: 1px;
    border-top: 1px dashed #000000;
    margin: 0px auto; /* Center the line */
}
...