Programmazione css

4

Utilizzo: prima dello pseudo elemento CSS per aggiungere un'immagine al modale

Ho una classe CSS Modalche è assolutamente posizionata, z-indexed sopra il suo genitore e ben posizionata con JQuery. Voglio aggiungere un'immagine accento circonflesso (^) nella parte superiore della casella modale e stavo cercando di utilizzare il:before pseudo selettore CSS per farlo in modo pulito. L'immagine deve essere posizionata in modo …

116 css modal-dialog pseudo-element

3

Posso avere più: prima di pseudo-elementi per lo stesso elemento?

È possibile avere più :beforepseudo per lo stesso elemento? .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } Sto cercando di applicare gli stili precedenti allo stesso elemento usando jQuery, ma viene applicato solo quello più recente, mai entrambi.

116 css css-selectors pseudo-element css-content

9

Creazione di un box-shadow CSS3 su tutti i lati tranne uno

Ho una barra di navigazione a schede in cui vorrei che la scheda aperta avesse un'ombra per distinguerla dalle altre schede. Vorrei anche che l'intera sezione delle schede avesse una singola ombra (vedere la linea orizzontale in basso) che saliva, ombreggiando la parte inferiore di tutte le schede tranne quella …

115 html css shadow

5

Esiste un equivalente della larghezza massima CSS che funziona nelle e-mail HTML?

Sto cercando di creare un messaggio di posta elettronica HTML che verrà visualizzato correttamente in tutti i client di posta elettronica ampiamente utilizzati. Sto avvolgendo l'intera email in una tabella e mi piacerebbe che avesse una larghezza fino al 98% della larghezza disponibile, ma non superiore a 800 pixel. Come …

115 html email html-email css

3

CSS: opacità della transizione al passaggio del mouse in uscita?

.item:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } Perché questo anima l'opacità solo quando passo il mouse ma non quando lascio l'oggetto con il mouse? Demo qui: http://jsfiddle.net/7uR8z/

115 css css-transitions

3

Cosa significano i doppi due punti (: :) in CSS?

Cosa significano i doppi due punti ( ::) nei CSS? Per esempio: input[type=text]::-ms-clear { display: none; }

115 css

12

Lunghezza del bordo inferiore alla larghezza del div?

Ho il seguente codice div { width:200px; border-bottom:1px solid magenta; height:50px; } DEMO La larghezza del div è 200px quindi anche il bordo inferiore è 200px, ma cosa devo fare se voglio solo il bordo inferiore di 100px senza modificare la larghezza del div?

115 html css

9

È possibile specificare un numero di partenza per un elenco ordinato?

Ho un elenco ordinato in cui vorrei che il numero iniziale fosse 6. Ho scoperto che questo era supportato (ora deprecato) in HTML 4.01. In questa specifica si dice che è possibile specificare il numero intero iniziale utilizzando CSS. (invece startdell'attributo) Come specificheresti il numero di partenza con CSS?

115 html css html-lists

8

Come si imposta lo spazio verticale tra gli elementi dell'elenco?

All'interno di un <ul>elemento, chiaramente la spaziatura verticale tra le righe può essere formattata con l'attributo line-height. La mia domanda è, all'interno di un <ul>elemento, come imposto la spaziatura verticale tra gli elementi dell'elenco?

115 html css html-lists

10

Qual è il contrario di: hover (on mouse leave)?

C'è un modo per fare l'opposto di :hover usare solo CSS? Come in: if :hoveris on Mouse Enter, c'è un CSS equivalente a on Mouse Leave? Esempio: Ho un menu HTML che utilizza gli elementi dell'elenco. Quando passo il mouse su uno degli elementi, c'è un'animazione a colori CSS da …

115 css hover

5

Come cambiare il colore del bordo della textarea su: focus

Perdonami è una domanda stupida, ma ho bisogno di aiuto. Voglio cambiare il colore del bordo di TEXTAREA in primo piano. ma il mio codice non sembra funzionare correttamente. Si prega di visualizzare il codice sul violino . <form name = "myform" method = "post" action="insert.php" onsubmit="return validateform()" style="width:40%"> <input …

115 html css

8

Mantieni le proporzioni dell'immagine quando si modifica l'altezza

Utilizzando il modello CSS flex box, come posso forzare un'immagine a mantenere le sue proporzioni? JS Fiddle: http://jsfiddle.net/xLc2Le0k/2/ Notare che le immagini si allungano o si restringono per riempire la larghezza del contenitore. Va bene, ma possiamo anche allungare o restringere l' altezza per mantenere le proporzioni dell'immagine? HTML <div …

114 html css flexbox

2

Selettore CSS per attributo di stile in linea

Esiste un selettore CSS per selezionare questo elemento in base al valore dell'attributo di stile inline? <div style='display:block'>...</div> qualcosa di simile a div[cssAttribute=cssValue]

114 html css css-selectors inline-styles

5

Come centrare orizzontalmente div all'interno del div genitore

Come faccio a centrare un divorizzontalmente all'interno del suo genitore divcon CSS? <div id='parent' style='width: 100%;'> <div id='child' style='width: 50px; height: 100px;'>Text</div> </div>

114 html css

5

Colore bordo personalizzato triangolo CSS

Tentativo di utilizzare un colore esadecimale personalizzato per il mio triangolo CSS (bordo). Tuttavia, poiché utilizza le proprietà del bordo, non sono sicuro di come procedere. Vorrei evitare javascript e css3 semplicemente a causa della compatibilità. Sto cercando di fare in modo che il triangolo abbia uno sfondo bianco con …

114 css border css-shapes

Domande taggate «css»