Coded-Codes101: font

Showing posts with label font. Show all posts

Monday, May 24, 2010

Setting properties of Silverlight controls from Code-behind

TextBox tb = new Textbox();

tb.FontStyle = FontStyles.Italic;

tb.Foreground = new SolidColorBrush(Color.FromArgb(255, 51, 51, 51));

tb.Background = new SolidColorBrush(Colors.Red);

tb.SetValue(Grid.RowProperty, 0);

tb.SetValue(Grid.ColumnProperty, 0);

tb.SetValue(Grid.ColumnSpanProperty, 2);

Image img = new Image();

BitmapImage imgSource = new BitmapImage(new Uri("Images/thumb.png", UriKind.Relative));

img.Source = imgSource;

TextBlock tooltip = new TextBlock();

tooltip.Text = "Hello";

ToolTip tt = new ToolTip();

tt.Content = tooltip;

ToolTipService.SetToolTip(img, tt);

Monday, July 6, 2009

HTML and CSS Table Border Style Wizard

I recommend this site because you get to play with the the CSS attributes simply by toggling the buttons..The style changes are reflected immediately on the site, and source code is also provided.
The site also offers other useful wizards:
CSS List Style Wizard
CSS Font and Text Style Wizard

Friday, March 20, 2009

Manipulating text using CSS

We can use the CSS "text" and "font" properties to manipulate the appearance of the text displayed on our site. Here is a compilation of commonly-used properties. You can refer to the full compilation here.

Property	Description	Values
color	Sets the color of a text	You can use HTML color codes, as well as pre-defined values like "red", "yellow", etc.
background-color	Sets the background color of the text	You can use HTML color codes, as well as pre-defined values like "red", "yellow", etc.
font-family	A prioritized list of font family names for an element	List of font types
font-size	Sets the size of a font	small, medium, large, length, %
font-style	Sets the style of the font	normal, italic, oblique
text-align	Aligns the text in an element	left, right, center, justify
text-indent	Indents the first line of text in an element	length,%

How to use these properties?

<html>
<head>
<style type="text/css">
p {
font: italic 12px arial;
text-align: center;
color: red;
background-color: yellow;
}
</style>
</head>
<body>
<p>This is a paragraph using CSS</p>
This is a paragraph not using CSS
</body>
</html>

This is what you will see on the page:

This is a paragraph using CSS

This is a paragraph not using CSS

Notice that we can also use font to define all the properties related to the font (i.e. style, size, and font family).

Coded-Codes101

Monday, May 24, 2010

Setting properties of Silverlight controls from Code-behind

Monday, July 6, 2009

HTML and CSS Table Border Style Wizard

Friday, March 20, 2009

Manipulating text using CSS

Topics

Contributors

Followers