Skip to main content link. Accesskey S

XPages Wiki

Submit Search

YouAtNotes XPages Wiki


Home > CSS > Useful CSS snippets

Useful CSS snippets
ShowTable of Contents

Round corners


Firefox and other Mozilla browsers and Safari, Konqueror and other Webkit browsers support round edges:

-moz-border-radius: 10px;
-webkit-border-radius: 10px;


InternetExplorer does not support round edges via CSS, even not in IE 8.

See also http://kalsey.com/2003/07/rounded_corners_in_css and http://www.fritscher.ch/dojo/roundedcorners.html.

Pointer attached to the border of a box


Create an empty div with a style like this.
For example, a pointer attached to the left border. Play with margin-left and -width properties. 

.boxPointerRight {
	position:absolute;
	margin-left:-23px;
	width:0; 
	height:0; 
	border-left: 0; 
	border-right-style:solid;
	border-right-width:16px;
	border-right-color:blue;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;		
}
See what's possible with Xpages.
Have a look at our ServiceCommunicator website
and the YouAtNotes Support.
Use  searchlotus.com  for news in the Web related to Lotus Notes and Domino,
and to search those sites.
Check  youatnotes.com  for great Lotus Notes, Domino and XPages software.
Did this wiki help you?
Did this saved you time? Express your gratitude by making a donation:		 PayPal - The safer, easier way to pay online!