I think you’ve got your understanding of the two properties off a little. Border affects the outside edge of the element, making the element different in size. Outline will not change the size or position of the element (takes up no space) and goes outside the border. From your description you want to use the … Read more
Yep: Use the outline property; it acts as a second border outside of your border. Beware, tho’, it can interact in a wonky fashion with margins, paddings and drop-shadows. In some browsers you might have to use a browser-specific prefix as well; in order to make sure it picks up on it: -webkit-outline and the … Read more
How about tr {outline: thin solid black;}? Works for me on tr or tbody elements, and appears to be compatible with the most browsers, including IE 8+ but not before.
Not really. But it’s very easy to achieve the effect in a way that degrades gracefully and requires no superfluous markup: div { width: 350px; height: 100px; background: lightgray; position: relative; margin: 20px; } div:after { content: ”; width: 60px; height: 4px; background: gray; position: absolute; bottom: -4px; } <div></div>
You actually have to fake it with two triangles…. .container { margin: 15px 30px; width: 200px; background: #fff; border: 1px solid #a00; position: relative; min-height: 200px; padding: 20px; text-align: center; color: #fff; font: bold 1.5em/180px Helvetica, sans-serif; text-shadow: 0 0 1px #000; } .container:after, .container:before { content: ”; display: block; position: absolute; left: 100%; width: … Read more
This article on CodeProject details a technique. Is basically boils down to: public const int WM_NCLBUTTONDOWN = 0xA1; public const int HT_CAPTION = 0x2; [System.Runtime.InteropServices.DllImport(“user32.dll”)] public static extern int SendMessage(IntPtr hWnd, int Msg, int wParam, int lParam); [System.Runtime.InteropServices.DllImport(“user32.dll”)] public static extern bool ReleaseCapture(); private void Form1_MouseDown(object sender, System.Windows.Forms.MouseEventArgs e) { if (e.Button == MouseButtons.Left) { … Read more
It’s due to the fact that you have one long word without spaces. You can use the word-wrap property to cause the text to break: #w74 { word-wrap: break-word; } It has fairly good browser support, too. See documentation about it here.
Import QuartzCore framework in you class: #import <QuartzCore/QuartzCore.h> and for changing the border color use the following code snippet (I’m setting it to redColor), textField.layer.cornerRadius=8.0f; textField.layer.masksToBounds=YES; textField.layer.borderColor=[[UIColor redColor]CGColor]; textField.layer.borderWidth= 1.0f; For reverting back to the original layout just set border color to clear color, serverField.layer.borderColor=[[UIColor clearColor]CGColor]; in swift code textField.layer.borderWidth = 1 textField.layer.borderColor = UIColor.whiteColor().CGColor
A pixel is the smallest unit value to render something with, but you can trick thickness with optical illusions by modifying colors (the eye can only see up to a certain resolution too). Here is a test to prove this point: div { border-color: blue; border-style: solid; margin: 2px; } div.b1 { border-width: 1px; } … Read more
Instead of using a UIView, as @ImreKelényi suggests, you can use a CALayer: // Add a bottomBorder. CALayer *bottomBorder = [CALayer layer]; bottomBorder.frame = CGRectMake(0.0f, 43.0f, toScrollView.frame.size.width, 1.0f); bottomBorder.backgroundColor = [UIColor colorWithWhite:0.8f alpha:1.0f].CGColor; [toScrollView.layer addSublayer:bottomBorder];