How to manage length of dashes


Tags: css,styles

Problem :

How to manage length of dashes in CSS? I could have added border-width: 2px but this makes it thicker and bigger, not longer/wider.



Solution :

CSS border dash length is browser specific and uncontrollable (source). You can however |use border images| with the border-image option to give you full control of the border style. It is pretty cool.


    CSS Howto..

    how to get the height of a div with overflow:auto property set in css

    How to block CSS and js file loading in Google Blogger template?

    What is WebKit and how is it related to CSS?

    CSS stylesheets at top or bottom? or How to solve blank page issue?

    How to fix position of html element label with css?

    How to use modernizr for border-image

    How to remove “left” value bootstrap popover

    How to hide submenu when user clicks option, but still display when user hovers over menu

    How to Centralize a Float on the Screen (such horizontally as vertically) Using CSS

    How to vertically align inline-block divs without vertical spaces using CSS?

    how to define multiple classes' hover event in css?

    How to Update a Class in HTML given a new Firebase response?

    How do I get a zooming effect on an image when a user hovers over it? [closed]

    How to update the attribute while overriding a style defined in css?

    How to write CSS for parent DIV needing height dictated by child DIVs that are also anchored bottom?

    How to center multiple line text in html using css, just like
    ?

    How to put multiple Bootstrap inputs on same line?

    how to overwrite button's non-hover state colour to grey, but when hover button show the colour (with css framework)

    How to hide sliding div with css

    Show separation between newlines in textarea

    How to align css class using bootstrap

    How to reference JSF image resource as CSS background image url

    How to position label text with css

    How to use objects returned by a function?

    How to preserve sibling element position when one sibling is absolutely positioned?

    How to make a hyperlink navigation bar active in CSS or javascript?

    How to make hidden div slide down without affecting other elements in same row

    How to insert spaces/tabs in text using HTML/CSS?

    HTML/CSS showing buttons online and auto going to next line

    How to change css pseudo-element through javascript?