Articles of css

Changer l’ordre des éléments de bloc avec CSS

Histoire courte Disons que mon HTML est déjà dans la pierre: Block A Block B Block C Il ressemblera à ceci: ———— | Block A | ———— | Block B | ———— | Block C | ———— Maintenant, je veux changer l’ordre des blocs. Comment puis-je faire cela avec seulement CSS ? ———— | Block […]

Placeholder Mixin SCSS / CSS

J’essaie de créer un mixin pour les espaces réservés dans sass. C’est le mixin que j’ai créé. @mixin placeholder ($css) { ::-webkit-input-placeholder {$css} :-moz-placeholder {$css} ::-moz-placeholder {$css} :-ms-input-placeholder {$css} } Voici comment j’aimerais inclure le mixin: @include placeholder(font-style:italic; color: white; font-weight:100;); Evidemment, cela ne va pas fonctionner à cause de tous les deux-points et les […]

Dessiner un cercle en utilisant le css seul

Est-il possible de dessiner un cercle en utilisant css uniquement, ce qui peut fonctionner sur la plupart des navigateurs (IE, Mozilla, Safari)?

Taille d’arrière-plan dans la propriété d’arrière-plan abrégée (CSS3)

J’essaie de mélanger les propriétés background-image et background-size dans une propriété d’ background abrégée. Selon la documentation du W3C background-size doit venir après la propriété background-position séparée par une barre oblique ( / ). Exemple W3C: p { background: url(“chess.png”) 40% / 10em gray round fixed border-box; } est équivalent à: p { background-color: gray; […]

Ombre de texte interne avec CSS

Je joue actuellement avec CSS3 et essaye d’obtenir un effet de texte comme celui-ci (l’ombre intérieure noire floue): Mais je ne peux pas trouver un moyen de créer des ombres de texte à l’ intérieur du texte. Je me demande si c’est toujours possible parce que l’élément box-shadow est capable de rendre l’ombre à l’intérieur […]

Requête multimédia pour détecter si le périphérique est un écran tactile

Quelle est la manière la plus sûre, à l’aide de requêtes multimédias, de faire en sorte que quelque chose ne se passe pas sur un appareil à écran tactile? S’il n’y a aucun moyen, proposez-vous d’utiliser une solution JavaScript telle que !window.Touch ou Modernizr?

Sélecteur CSS pour <type d'entrée = "?"

Est-il possible avec CSS de cibler toutes les entrées en fonction de leur type? J’ai une classe désactivée que j’utilise sur divers éléments de formulaire désactivés et je règle la couleur d’arrière-plan pour les zones de texte, mais je ne veux pas que mes cases obtiennent cette couleur. Je sais que je peux le faire […]

Positionner une div près du côté inférieur d’une autre div

J’ai div externe et div interne. Je dois placer la div interne au bas de la partie externe. La div externe est élastique (largeur: 70% par exemple). Je dois aussi centrer le bloc intérieur. Le modèle simple de maquillage décrit est montré sur l’image ci-dessous:

Flexbox: 4 articles par ligne

J’utilise une boîte souple pour afficher 8 éléments qui seront redimensionnés dynamicment avec ma page. Comment puis-je le forcer à diviser les éléments en deux lignes? (4 par rangée)? Voici un extrait pertinent: (Ou si vous préférez jsfiddle – http://jsfiddle.net/vivmaha/oq6prk1p/2/ ) .parent-wrapper { height: 100%; width: 100%; border: 1px solid black; } .parent { display: […]

Séparateurs pour la navigation

J’ai besoin d’append des séparateurs entre les éléments de navigation. Les séparateurs sont des images. Ma structure HTML est comme suit : ol> li> a> img . J’en viens à deux solutions possibles: Pour append plus de balises li pour la séparation (boo!), Inclure le séparateur dans l’image de chaque élément (c’est mieux, mais il […]