Meta tags:
description= La propiedad place-items es una abreviatura para establecer align-items y justify-items en CSS. Consulta los valores y prueba ejemplos.;
Headings (most frequently used words):
ejemplo, place, items, valores, valor, start, propiedad, css, cuándo, se, aplica, sintaxis, propiedades, relacionadas, práctica, único, resultado, dos, end, center,
Text of the page (most frequently used words):
items (44), border (40), css (30), color (30), grid (30), place (28), div (28), background (23), style (21), text (21), start (20), width (20), font (20), los (18), eje (17), html (16), align (16), valor (16), aprender (15), justify (15), height (15), elemento (14), propiedad (13), del (13), línea (13), end (13), column (13), center (12), right (11), left (11), valores (10), elementos (10), una (10), con (10), diseños (10), min (10), flex (10), break (10), bloque (9), display (9), box (9), title (9), top (9), bottom (9), image (9), animation (9), dos (8), self (8), content (8), contenedor (8), alinea (8), como (8), cada (8), position (8), stroke (8), para (7), cuadrícula (7), diseño (7), hacia (7), last (7), comporta (7), overflow (7), decoration (7), offset (7), todos (6), propiedades (6), sintaxis (6), page (6), que (6), baseline (6), first (6), normal (6), auto (6), body (6), box1 (6), container (6), head (6), padding (6), margin (6), type (6), variant (6), w3docs (5), caja (5), hace (5), flexbox (5), esta (5), stretch (5), base (5), dentro (5), alineación (5), uno (5), este (5), izquierda (5), absolutamente (5), cajas (5), copiar (5), transition (5), line (5), outline (5), radius (5), child (5), formatter (5), generator (4), práctica (4), origin (4), las (4), donde (4), abreviatura (4), vertical (4), horizontalmente (4), lado (4), puede (4), borde (4), derecha (4), ccc (4), sizing (4), clave (4), ejemplo (4), 150 (4), establece (4), mode (4), transform (4), fill (4), size (4), list (4), template (4), row (4), gap (4), rule (4), nth (4), json (3), code (3), encoder (3), editor (3), cuestionarios (3), ejercicios (3), php (3), javascript (3), ejemplos (3), aplica (3), perspective (3), sola (3), celdas (3), más (3), mitad (3), predeterminado (3), initial (3), ambos (3), fila (3), junto (3), otro (3), según (3), inicial (3), área (3), efecto (3), posicionadas (3), tabla (3), ignora (3), tiene (3), mismo (3), property (3), 666 (3), solid (3), the (3), document (3), doctype (3), celda (3), object (3), word (3), wrap (3), spacing (3), range (3), before (3), after (3), max (3), letter (3), columns (3), direction (3), clip (3), only (3), ver (3), string (3), tools (3), italiano (2), português (2), español (2), français (2), русский (2), deutsch (2), english (2), beautifier (2), diff (2), password (2), herramientas (2), python (2), java (2), git (2), libros (2), fragmentos (2), relacionadas (2), cuándo (2), this (2), pointer (2), events (2), define (2), index (2), controla (2), espacio (2), predeterminados (2), qué (2), útil (2), padre (2), inherit (2), última (2), primera (2), colocan (2), paralelo (2), colocarse (2), propio (2), final (2), abajo (2), arriba (2), nivel (2), pruébalo (2), box6 (2), box5 (2), box4 (2), box3 (2), box2 (2), class (2), example (2), 8ebf42 (2), 1c87c9 (2), palabra (2), tanto (2), palabras (2), forma (2), aquí (2), ejes (2), vez (2), barra (2), solo (2), información (2), por (2), significa (2), verticalmente (2), centrar (2), formas (2), css3 (2), caso (2), lugar (2), uso (2), establecer (2), largo (2), dirección (2), visibility (2), unicode (2), timing (2), function (2), duration (2), delay (2), shadow (2), rendering (2), skip (2), inside (2), anchor (2), path (2), blend (2), rows (2), flow (2), feature (2), empty (2), counter (2), count (2), repeat (2), read (2), hash (2), 2026, derechos, reservados, hecho, desarrolladores, idioma, política, privacidad, contacto, acerca, empresa, try, tutoriales, gratuitos, web, desde, 2014, next, previous, yes, was, helpful, comprobar, combina, separadas, abreviada, entre, cambia, debe, usar, hereda, use, estira, bordes, ajustarse, grupo, haciendo, coincidir, sus, líneas, derecho, izquierdo, posicionan, centro, depende, modo, posicionados, reemplazadas, todas, demás, excepto, relación, aspecto, tamaños, intrínsecos, está, posicionada, representa, descripción, eee, ff0000, fff, 230, 200, centra, puedes, controlar, independiente, envía, resultado, empuja, esquina, superior, único, especificación, separa, aún, veas, materiales, antiguos, segura, mayor, soporte, primero, segundo, existen, aceptadas, son, placeitems, dom, versión, animatable, heredable, legacy, manera, diferente, contexto, significar, cosas, distintas, frente, posicionamiento, absoluto, continuación, detalla, estándar, nada, usa, directamente, siguientes, casos, cual, fuente, común, confusión, principal, tienen, noción, página, cubre, realmente, escribir, ambas, escribe, única, declaración, esto, especialmente, cómo, posiciona, aplicados, equivalente, propia, horizontal, columna, consulta, prueba, zoom, writing, will, change, widows, white, space, user, select, bidi, underline, orientation, indent, ink, combine, upright, table, layout, tab, linecap, dashoffset, dasharray, speak, shape, outside, scrollbar, scroll, behavior, resize, quotes, orphans, order, opacity, rotate, distance, fit, mix, media, lines, clamp, keyframes, isolation, import, hyphens, hanging, punctuation, areas, area, weight, numeric, ligatures, east, asian, caps, alternates, language, override, adjust, kerning, values, settings, family, face, float, shrink, grow, basis, filter, cells, cursor, reset, increment, span, clear, charset, caret, caption, side, source, slice, outset, collapse, block, bleed, attachment, backface, appearance, play, state, name, iteration, all, properties, visited, valid, target, selection, scope, root, required, write, placeholder, out, optional, not, link, lang, invalid, indeterminate, hover, fullscreen, focus, enabled, disabled, dir, default, checked, active, selectores, selectors, guía, guides, gradientes, nombres, colores, tablas, links, texto, introducción, basic, iniciar, sesión, buscar, formatters, url, reverse, sha256, md5, length, calculator, colors, hsl, hex, mixer, converter, picker, general, cursos,
Text of the page (random words):
propiedad css place items sintaxis valores y ejemplos w3docs w3docs libros aprender html aprender css aprender javascript aprender git aprender java aprender php aprender python cursos cuestionarios ejercicios fragmentos herramientas general tools html editor password generator html encoder code diff json beautifier ver los 13 color tools color picker color converter color mixer color hex colors hsl ver los 10 string tools string length calculator md5 hash generator sha256 hash generator string reverse url encoder ver los 19 code formatters javascript formatter css formatter html formatter json formatter php formatter buscar en w3docs k es english en deutsch de русский ru français fr español es português pt italiano it iniciar sesión aprender css css basic introducción a css uso de css sintaxis css css id y class texto en css css font css links tablas css css border css padding css margin nombres de colores css gradientes css css guides guía de flexbox propiedades de css3 css selectors selectores css active after before checked default dir disabled empty enabled first child first letter first line first of type focus fullscreen hover in range indeterminate invalid lang last child last of type link not nth child nth last child nth last of type nth of type only child only of type optional out of range placeholder read only read write required root scope selection target valid visited css properties align content align items all animation align self animation delay animation direction animation duration animation fill mode animation iteration count animation name animation play state animation timing function appearance backface visibility background background attachment background blend mode background clip background color background image background origin background position background position x background position y background repeat background size bleed block overflow border border bottom border bottom color border bottom left radius border bottom right radius border bottom style border bottom width border collapse border color border image border image outset border image repeat border image slice border image source border image width border left border left color border left style border left width border radius border right border right color border right style border right width border spacing border style border top border top color border top left radius border top right radius border top style border top width border width bottom box decoration break box shadow box sizing break after break before break inside caption side caret color charset clear clip clip path color columns column count column fill column gap column rule column rule color column rule style column rule width column span column width content counter increment counter reset cursor direction display empty cells fill filter flex flex basis flex direction flex flow flex grow flex shrink flex wrap float font font face font display font family font feature settings font feature values font kerning font size font size adjust font language override font stretch font style font variant font variant alternates font variant caps font variant east asian font variant ligatures font variant numeric font weight grid grid area grid auto columns grid auto flow grid auto rows grid column grid column end grid column gap grid column start grid gap grid row grid row end grid row gap grid row start grid template grid template areas grid template columns grid template rows hanging punctuation height hyphens image rendering import initial letter isolation justify content justify items keyframes left letter spacing line break line clamp line height list style list style image list style position list style type margin margin bottom margin left margin right margin top max height max lines max width media min height min width mix blend mode object fit object position offset offset anchor offset distance offset path offset position offset rotate opacity order orphans outline outline color outline offset outline style outline width overflow overflow anchor overflow wrap overflow x overflow y padding padding bottom padding left padding right padding top page break page break after page break before page break inside perspective perspective origin place items pointer events position quotes resize right scroll behavior scrollbar shape outside speak stroke stroke dasharray stroke dashoffset stroke linecap stroke width tab size table layout text align text align last text combine upright text decoration text decoration color text decoration line text decoration skip text decoration skip ink text decoration style text fill color text indent text justify text orientation text overflow text rendering text shadow text stroke text stroke color text stroke width text transform text underline position top transform transform origin transform style transition transition delay transition duration transition property transition timing function unicode bidi unicode range user select vertical align visibility white space widows width will change word break word spacing word wrap writing mode z index zoom propiedad css place items la propiedad place items es una abreviatura para establecer align items y justify items en css consulta los valores y prueba ejemplos la propiedad css place items es una abreviatura que establece dos propiedades de alineación a la vez align items alineación a lo largo del eje de bloque en un diseño predeterminado la dirección vertical columna justify items alineación a lo largo del eje en línea en un diseño predeterminado la dirección horizontal fila en lugar de escribir ambas propiedades se escribe una única declaración place items esto es especialmente útil con diseños de grid donde controla cómo se posiciona cada elemento dentro de su propia celda de cuadrícula los valores de alineación predeterminados aplicados a cada elemento equivalente a establecer place self en cada uno esta página cubre la sintaxis las formas con uno y dos valores cada valor con lo que realmente hace y los diseños donde place items no tiene efecto cuándo se aplica place items place items solo tiene efecto en diseños que tienen la noción de elementos diseños grid el caso de uso principal alinea cada elemento dentro de su área de cuadrícula cajas absolutamente posicionadas alinea la caja dentro de su bloque contenedor se ignora en los siguientes casos lo cual es una fuente común de confusión diseños flexbox justify items y por lo tanto la mitad en línea de place items no hace nada en flexbox usa justify content y align items directamente en su lugar cajas de nivel de bloque estándar celdas de tabla i información place items se comporta de manera diferente según el contexto de diseño el mismo valor puede significar cosas distintas en grid frente al posicionamiento absoluto la tabla de valores a continuación detalla cada caso valor inicial normal legacy se aplica a todos los elementos heredable no animatable no versión css3 sintaxis dom object style placeitems normal sintaxis place items align items justify items copiar las palabras clave aceptadas son place items auto normal start end self start self end center left right baseline first baseline last baseline stretch initial inherit copiar existen dos formas un valor establece ambos ejes place items center significa centrar verticalmente y centrar horizontalmente dos valores el primero establece align items eje de bloque el segundo establece justify items eje en línea por ejemplo place items start end significa arriba verticalmente derecha horizontalmente i información la especificación css grid separa los dos valores con un espacio place items start end no con una barra puede que aún veas una barra en materiales más antiguos un solo valor es la forma más segura y con mayor soporte ejemplo valor único start una sola palabra clave alinea los elementos en ambos ejes a la vez aquí start empuja el elemento hacia la esquina superior izquierda de su celda de cuadrícula doctype html html head title title of the document title style container height 150 px width 150 px place items start background color ccc display grid div div box sizing border box border 1 px solid 666 width 50 px display flex align items center justify content center box1 background color 1c87c9 min height 50 px style head body h2 place items property example h2 h3 place items start h3 div id container div id box1 1 div div body html copiar pruébalo tú mismo resultado ejemplo dos valores end start con dos palabras clave puedes controlar cada eje de forma independiente aquí end start envía el elemento hacia abajo eje de bloque y hacia la izquierda eje en línea doctype html html head title title of the document title style container height 150 px width 150 px place items end start background color ccc display grid div div box sizing border box border 1 px solid 666 width 50 px display flex align items center justify content center box1 background color 8ebf42 min height 50 px style head body h2 place items end start h2 div id container div id box1 1 div div body html copiar ejemplo valor center una sola palabra clave center centra cada elemento tanto vertical como horizontalmente dentro de su celda de cuadrícula doctype html html head title title of the document title style container height 200 px width 230 px place items center background color ccc display grid grid display grid div div box sizing border box border 3 px solid ccc width 50 px display flex align items center justify content center box1 background color 666 min height 40 px box2 background color 1c87c9 min height 50 px box3 background color fff min height 40 px box4 background color ff0000 min height 60 px box5 background color eee min height 70 px box6 background color 8ebf42 min height 50 px style head body h2 place items property example h2 div id container class grid div id box1 1 div div id box2 2 div div id box3 3 div div id box4 4 div div id box5 5 div div id box6 6 div div body html copiar pruébalo tú mismo valores valor descripción auto si la caja no tiene padre o está absolutamente posicionada el valor auto representa normal normal el efecto de este valor depende del modo de diseño en diseños de nivel de bloque el valor normal se comporta como start en diseños absolutamente posicionados este valor se comporta como start en cajas absolutamente posicionadas reemplazadas y como stretch en todas las demás cajas absolutamente posicionadas en diseños de celdas de tabla esta propiedad se ignora en diseños flexbox esta propiedad se ignora en diseños grid este valor se comporta como stretch excepto para cajas con una relación de aspecto o tamaños intrínsecos donde se comporta como start start alinea el elemento en el borde inicial de su área de cuadrícula arriba en el eje de bloque izquierda en el eje en línea en un diseño de izquierda a derecha end alinea el elemento en el borde final de su área de cuadrícula abajo en el eje de bloque derecha en el eje en línea en un diseño de izquierda a derecha self start el elemento puede colocarse en el borde del contenedor según su propio lado inicial self end el elemento puede colocarse en el borde del contenedor según su propio lado final center los elementos se posicionan uno junto a otro hacia el centro del contenedor left los elementos se colocan uno junto a otro hacia el lado izquierdo del contenedor si el eje de la propiedad no es paralelo al eje en línea este valor se comporta como end right los elementos se colocan uno junto a otro hacia el lado derecho del contenedor si el eje de la propiedad no es paralelo al eje en línea este valor se comporta como start baseline alinea todos los elementos dentro de un grupo haciendo coincidir sus líneas base de alineación first baseline alinea la primera línea base del elemento con la primera línea base de la fila last baseline alinea la última línea base del elemento con la última línea base de la fila stretch estira el elemento hacia ambos bordes del contenedor vertical y horizontalmente para ajustarse al contenedor initial hace que la propiedad use su valor predeterminado inherit hereda la propiedad de su elemento padre propiedades relacionadas align items la mitad del eje de bloque de esta abreviatura justify items la mitad del eje en línea de esta abreviatura grid el diseño donde place items es más útil justify content lo que se debe usar en flexbox práctica práctica qué hace la propiedad place items en css qué hace la propiedad place items en css define el justify self y align self predeterminados para todos los elementos de la caja cambia el color de todos los elementos de la caja controla el espacio entre las celdas de la cuadrícula css combina dos propiedades separadas en una sola propiedad abreviada define el z index para todos los elementos de la caja comprobar was this page helpful yes no previous perspective origin next pointer events on this page cuándo se aplica place items sintaxis valores propiedades relacionadas práctica w3docs tutoriales ejemplos ejercicios fragmentos y cuestionarios gratuitos para la web desde 2014 libros aprender html aprender css aprender javascript aprender git aprender java aprender php aprender python práctica ejercicios cuestionarios editor try it herramientas html editor password generator html encoder code diff json beautifier empresa acerca de contacto política de privacidad idioma english deutsch русский français español português italiano 2026 w3docs todos los derechos reservados hecho para desarrolladores
|
