It’s possible to do on height?
smth like that?:
background-image: -webkit-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -ms-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
Why would you want a horizontal rule that is only 1px wide?
I assume that you mean height as in the post title: http://codepen.io/Paulie-D/pen/uxbKh
Hmm, then how make vertical(1px width; height: 100%)?
This reply has been reported for inappropriate content.
Use a pseudo-element, box-shadow or border instead. <hr> is to separate content semantically. Unless you want to use it to separate 2 sections that are next to each other.
Yes…what are you intending to do this this?
I would also point out that a 1px wide element won’t show a side to side (ltr or rtl) gradient.
Finally, I checked by updating my Codepen (http://codepen.io/Paulie-D/pen/uxbKh) and height:auto or 100% doesn’t seem to work but that may be for another reason.
smth like that.
I want to do hr height: auto. I mean if Block(wrapper) height is 300px then hr is 300px , If block(wrapper) height is 500px then hr is 500px and etc..
To be honest that’s not what the `
**hr** stands for horizontal rule.
The intention is that it separate two pieces of horizontal content **in the same element** and that isn’t how you are trying to use it.
I’m not saying what you are trying to do is impossible but the height of the `
I’m wondering if CSS-columns might not be a better option (as that has a ‘rule’ feature) but that will depend on the content you are actually proposing to use.
Thanks for helping. I found a way how to do it :) (with css)
>I found a way how to do it :) (with css)
Could you show us?
Now I’am thinking how better optimize this code.
P.S. I will use this code in forum ;D
You must be logged in to reply to this topic.