: What is the name of this element? I was wondering if anyone could tell me the name of this design element - I've seen it used for quotes, such as in Yahoo News Digest, but also in other

@Alves566

Its called a "rule." In this particular case a "vertical rule."

A "ruler" may be a tool, but a ruler is also someone who draws lines.

When people find out you are an artist, they always say they can't even draw a straight line. That's what rulers are for.

Google: ruling pens

Vote Up Vote Down

@Ann6370331

It depends in where those vertical lines are located.

If it is for the quotes, so it will be "Left blockquote border", but if it is in a list for handling something, it will be "Reorder control" and it could be just lines or any symbol.

Vote Up Vote Down

@Cofer715

Graphic Terminology: Left Side: Border | Right Side: Blockquote

Your two particular examples look to be handled by CSS and markup through browsers:

Left Side:

.somestyle{ border-left: 1px solid #000000 ;}

You can also wrap containers/elements/objects entirely:

.somestyle { border:1px solid #000000 ; }

.somestyle2 {
border-top: 1px solid #000000 ;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
}


Right Side:

Typically considered a blockquote. Through browsers the styles of these vary. In simple form it is only an indent. Your image appears as if the style has a little more css applied.

.someblockquotestyle {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #000000;
}

Vote Up Vote Down