Use a negative value for the fourth length which defines the spread distance. This is often overlooked, but supported by all major browsers. See this [Fiddle](http://jsfiddle.net/acjbizar/rM5tB/1194/) for the result.

&lt;!-- begin snippet: js hide: false console: false babel: false --&gt;

&lt;!-- language: lang-css --&gt;

    div {
      background: red;
      height: 100px;
      width: 200px;
      -moz-box-shadow: inset 0 -10px 10px -10px #000000;
      -webkit-box-shadow: inset 0 -10px 10px -10px #000000;
      box-shadow: inset 0 -10px 10px -10px #000000;
    }

&lt;!-- language: lang-html --&gt;

    &lt;div&gt;&lt;/div&gt;

&lt;!-- end snippet --&gt;



[JSnippet DEMO][1]

**On top only:**

    -moz-box-shadow:    inset  0  10px 10px -10px grey;
    -webkit-box-shadow: inset  0  10px 10px -10px grey;
     box-shadow:        inset  0  10px 10px -10px grey;

**On bottom only:**

    -moz-box-shadow:    inset  0 -10px 10px -10px grey;
    -webkit-box-shadow: inset  0 -10px 10px -10px grey;
     box-shadow:        inset  0 -10px 10px -10px grey;

**On top and bottom only:**

    -moz-box-shadow:    inset  0  10px 10px -10px grey, 
                        inset  0 -10px 10px -10px grey;
    -webkit-box-shadow: inset  0  10px 10px -10px grey, 
                        inset  0 -10px 10px -10px grey;
     box-shadow:        inset  0  10px 10px -10px grey, 
                        inset  0 -10px 10px -10px grey;

**Quick Example**

&lt;!-- begin snippet: js hide: false --&gt;

&lt;!-- language: lang-css --&gt;

    .shadow-top {
        -moz-box-shadow:    inset  0  10px 10px -10px grey;
        -webkit-box-shadow: inset  0  10px 10px -10px grey;
         box-shadow:        inset  0  10px 10px -10px grey;
    }
    .shadow-bottom {
        -moz-box-shadow:    inset  0 -10px 10px -10px grey;
        -webkit-box-shadow: inset  0 -10px 10px -10px grey;
         box-shadow:        inset  0 -10px 10px -10px grey;
    }
    .shadow-top-bottom {
        -moz-box-shadow:    inset  0  10px 10px -10px grey, 
                            inset  0 -10px 10px -10px grey;
        -webkit-box-shadow: inset  0  10px 10px -10px grey, 
                            inset  0 -10px 10px -10px grey;
         box-shadow:        inset  0  10px 10px -10px grey, 
                            inset  0 -10px 10px -10px grey;
    }

    div { display:inline-block; margin-right:15px; width:150px; height:100px; background:yellow; }

&lt;!-- language: lang-html --&gt;

    &lt;div class=&#39;shadow-top&#39;&gt;&lt;/div&gt;
    &lt;div class=&#39;shadow-bottom&#39;&gt;&lt;/div&gt;
    &lt;div class=&#39;shadow-top-bottom&#39;&gt;&lt;/div&gt;

&lt;!-- end snippet --&gt;


  [1]: https://www.jsnippet.net/snippet/246/boxshadow-Inset-one-side-only

I have a SQL table that has a CreationDate field.

I have `getdate()` in the computed column specification formula.

I would like to know how to get just the date portion, that is, &#39;2012-08-24&#39; instead of &#39;2012-08-24 10:45:17.740&#39;.

How to get just the date part of getdate()?

I do not want new users to be able to sign up. So in Jenkin&#39;s Configuration, I disabled &quot;Allow users to sign up&quot; with using Jenkin&#39;s own user database.

But how can I manually add users now?
Also, is there a default admin user I should take care of?

Add Users to Jenkins with &quot;Allow users to sign up&quot; Disabled

I am using box-shadow to create an inner shadow...

    box-shadow: inset 0 0 10px #000000;
    -moz-box-shadow:    inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;


 ...but would like the inner shadow to come in from the bottom only. I have tried several ways of trying to make this work but can&#39;t... How would I do this with box-shadow?

Have an issue with box-shadow Inset bottom only

I am using box-shadow to create an inner shadow...
<pre><code class="hljs language-css">box-shadow: inset 0 0 10px #000000;
-moz-box-shadow: inset 0 0 10px #000000;
-webkit-box-shadow: inset 0 0 10px #000000;
</code></pre>
...but would like the inner shadow to come in from the bottom only. I have tried several ways of trying to make this work but can't... How would I do this with box-shadow?

I&#39;ve just started with **Twitter Bootstrap** and here is one question.

I am creating custom `&lt;header&gt;` block, and I want it&#39;s bottom corners to be rounded.

Is there any &quot;correct&quot; way to do this by using predefined classes, or I have to specify it manually like:

    border-radius: 10px;               // and all that cross-browser trumpery

*For now, I&#39;m using `css` styles. Maybe it will be better to use `less` for that issue?*

Correct way to create rounded corners in Twitter Bootstrap

I have a background image set up through CSS.

    html {
	background-image: url(&#39;../img/cello.jpg&#39;);
	background-attachment: fixed;
	background-size: 100%;
    }

I plan on having a different background image for different pages of the website: so it&#39;s important that text is legible over it.  Right now I&#39;ve got a translucent black background to my #main content box in the middle like this in order to ensure legibility:

    #main {
	background: rgba(0, 0, 0, 0.5);
    }

What I really want to do, though, is to have that kind of translucent background over the entire background image, because the black box looks a bit clunky.  I&#39;ve tried making a `&lt;div id=#tint&gt;` which includes the whole HTML document and giving rgba(0, 0, 0, 0.5) to #tint, but that doesn&#39;t work at all--I can either get nothing to change or I can get the entire background to become a simple grey with no background image visible at all.  Is this simply not possible?

How can I tint a background image with CSS?

For all default inputs, the text you fill starts on the left. How do you make it start on the right?

How to align texts inside of an input?

I have a seemingly easy problem to solve, but am struggling. How do I get these two inputs to align to the right of the form, without using the BR element ?

    &lt;!DOCTYPE html&gt;
    &lt;html&gt;
    &lt;head&gt;
        &lt;style type=&quot;text/css&quot;&gt;
        form {
            text-align: right;
        }
        input {
            width: 100px;
        }
        &lt;/style&gt;
    &lt;/head&gt;

    &lt;body&gt;
        &lt;form&gt;
             &lt;input name=&quot;declared_first&quot; value=&quot;above&quot; /&gt;

             &lt;br/&gt; &lt;!-- I want to get rid of this --&gt;

             &lt;input name=&quot;declared_second&quot; value=&quot;below&quot; /&gt;
        &lt;/form&gt;
    &lt;/body&gt;
    &lt;/html&gt;

I just want the first input to appear above the second input, both on the right hand side.

How to right-align form input boxes?

I&#39;m trying to get this exact example working on my website:

http://getbootstrap.com/2.3.2/javascript.html#buttons

However, simply including this HTML:

    &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot; data-loading-text=&quot;Loading...&quot;&gt;Loading state&lt;/button&gt;

Does not work. I&#39;m running jQuery 1.7.x and have loaded the Bootstrap JS files.

To be specific: I want the button to move to the &quot;loading&quot; text change for a slight delay, then go back to the regular text. There doesn&#39;t seem to be a good example available online from my Googling (most are asking for a permanent state change or toggle), and the Bootstrap site itself is lacking in documentation here.

Content Type	Original Author	Original Content on Stackoverflow
Question	Joe	View Question on Stackoverflow
Solution 1 - Css	ACJ	View Answer on Stackoverflow
Solution 2 - Css	Shlomi Hassid	View Answer on Stackoverflow

Have an issue with box-shadow Inset bottom only

Css Problem Overview

Css Solutions

Solution 1 - Css

Solution 2 - Css

Add Users to Jenkins with "Allow users to sign up" Disabled

How to get just the date part of getdate()?

Attributions