Update (MAY 16, 2012): Check the CSS 3.0 Maker text borders ideas. Text inside border/frame with rounded borders (not supported in IE).
#How to add border to text word code
The Code for the Rounded Borders Used in This Post If you want a single border around the text, click Outside Borders. Select the type of border you want to use. On the Home tab, click the down arrow on the border to get border options, like those shown in the picture. Once the text is highlighted, click on the Home tab. Note #2: When I added the next code to one of my sites created with Google Sites, the rounded corners where visible in IE9!?! Highlight the text you want to create a border around. Rounded border/frame is not supported in IE (current version 9) when the following code is added trough the Blogger's HTML post editor, but it is supported in Firefox, Chrome, Opera and Safari (current versions running on Vista SP2). The text was modified in the visual editor The distances from this text (which is left aligned) to the top, right, bottom and left inner border are different. The inner borders are on different distances from the corresponding outer borders. The outer border/frame is a 1x1 table (e.g. The text was modified in the visual editor.The distances from this text (which is left aligned) to the top, right, bottom and left inner border are different.The inner borders are on different distances from the corresponding outer borders.The outer border/frame is a 1x1 table (e.g.The border/frame I was looking for is this one Since the text alignment can be controlled trough the visual Blogger's post editor, you can skip this attribute too.Įxample #3: Controlling the width, height and alignment of the border/frame The text-align attribute controls the text alignment (left, center, right, justify) inside the borders.The value after the padding attribute is the distance from each border (top, bottom, right and left) to the text inside the border/frame.The value after the margin attribute is the distance fromĮach border (top, bottom, right and left) to the surrounding post elements (usually above and below the border/frame).Since this you can edit the text in the visual Blogger's post editor, you may skip this line in the above code. The font-size attribute refers to the text size.The background attribute should be added if you want a colored background inside the text (DIY: try adding a code without the border attribute).#aaaaaa which is hex code for the border color.solid or, alternatively, dashed, dotted, groove, ridge, double, inset and outset (read carefully the text inside the first 8 frames above),.After the border attribute has are three types of values:.
Keep in mind that adding this attribute may result in text overflow. 500px) if you want a border/frame with exact height. The height attribute should be added (with values in pixels e.g.500px or 67%) if the width of the whole border/frame is less than the text width. The width attribute should be added (with values in pixels or percent, e.g.
0 kommentar(er)
