Wordpress CSS - change element border on roll-over

General information for the website: Portfolio site
Kind of development: Customization of existing website
Num. of web pages/modules: 1
Description of every page/module: I'm using JScomposer in the 'Angle Flat Responsive Bootstrap MultiPurpose Theme' - I want to add a rollover-border change effect when the user hovers over a row element in the page.

The row elemnts will have image or flat colour backgrounds set to fill full-page width. There will be no vertical space between the rows (top/bottom margins will probably be set to a negative amnount).

Ideally the CSS will use the 'inner border' style to ensure the element doesn't jump down 3 pixels when it's activated.
Description of requirements/features: The border style will change from 'none' to a 3 pixel wide, white dashed line around the four sides of the row element.
The row element won't link anywhere (it'll use the # href) there will be hyperlinked text or buttons in the row element.
Extra notes:
The job will be awarded to the contractor who can demonstrate the effect working on a basic Wordpress theme using JScomposer rows layout.

The deadline is 11th January.