|
2 | 2 | <html lang="es"> |
3 | 3 | <head> |
4 | 4 | <link rel="stylesheet" type="text/css" href="base.css" /> |
| 5 | +<link rel="stylesheet" type="text/css" href="exe_lightbox.css" /> |
5 | 6 | <link rel="stylesheet" type="text/css" href="content.css" /> |
6 | 7 | <link rel="stylesheet" type="text/css" href="nav.css" /> |
7 | 8 | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
|
12 | 13 | <meta name="generator" content="eXeLearning 2.8.1 - exelearning.net" /> |
13 | 14 | <!--[if lt IE 9]><script type="text/javascript" src="exe_html5.js"></script><![endif]--> |
14 | 15 | <script type="text/javascript" src="exe_jquery.js"></script> |
| 16 | +<script type="text/javascript" src="exe_lightbox.js"></script> |
15 | 17 | <script type="text/javascript" src="common_i18n.js"></script> |
16 | 18 | <script type="text/javascript" src="common.js"></script> |
17 | 19 | <link rel="stylesheet" type="text/css" href="udl-content.css" /> |
|
42 | 44 | <li><a href="435_enlaces.html" class="no-ch">4.3.5. Enlaces</a></li> |
43 | 45 | <li><a href="436_listas.html" class="no-ch">4.3.6. Listas</a></li> |
44 | 46 | <li><a href="437_tablas.html" class="no-ch">4.3.7. Tablas</a></li> |
| 47 | + <li><a href="ejercicios.html" class="no-ch">Ejercicios</a></li> |
45 | 48 | </ul> |
46 | 49 | </li> |
47 | 50 | <li><a href="44_definicin_y_uso_de_clases.html" class="no-ch">4.4. Definición y uso de clases</a></li> |
48 | 51 | <li><a href="45_el_atributo_id_y_la_etiqueta_span.html" class="no-ch">4.5. El atributo ID y la etiqueta SPAN</a></li> |
49 | | - <li><a href="46_el_modelo_de_cajas.html" class="no-ch">4.6. El modelo de cajas</a></li> |
50 | 52 | <li><a href="46_mejoras_de_css3.html" class="no-ch">4.6. Mejoras de CSS3</a></li> |
51 | 53 | </ul> |
52 | 54 | </nav> |
|
164 | 166 | </td> |
165 | 167 | </tr> |
166 | 168 | <tr> |
167 | | -<td colspan="3"> |
168 | | - |
169 | | -</td> |
| 169 | +<td colspan="3"></td> |
170 | 170 | </tr> |
171 | 171 | <tr> |
172 | 172 | <td>border-left-color</td> |
|
181 | 181 | }</code></pre> |
182 | 182 | </div> |
183 | 183 | </div> |
184 | | - |
185 | 184 | </td> |
186 | 185 | </tr> |
187 | 186 | <tr> |
|
212 | 211 | </tr> |
213 | 212 | <tr> |
214 | 213 | <td>border-style</td> |
215 | | -<td><strong>Establece el estilo del borde</strong>, los valores significan: none=ningun borde, dotted=punteado (no funciona siempre), solid=solido, double=doble borde, los valores groove, ridge, inset y outset son bordes con varios efectos 3D.</td> |
| 214 | +<td><strong>Establece el estilo del borde</strong>, los valores significan: <strong>none</strong>=ningún borde, <strong>dotted</strong>=punteado (no funciona siempre), <strong>solid</strong>=sólido, <strong>double</strong>=doble borde, los valores <strong>groove</strong>, <strong>ridge</strong>, <strong>inset</strong> y <strong>outset</strong> son bordes con varios efectos 3D.</td> |
216 | 215 | <td> |
217 | 216 | <div class="pre-code"> |
218 | 217 | <div> |
|
238 | 237 | }</code></pre> |
239 | 238 | </div> |
240 | 239 | </div> |
241 | | - |
242 | 240 | </td> |
243 | 241 | </tr> |
244 | 242 | <tr> |
|
263 | 261 | <td>height</td> |
264 | 262 | <td><strong>Establece la altura del contenido del elemento</strong>. El valor es un porcentaje o un tamaño.</td> |
265 | 263 | </tr> |
| 264 | +<tr> |
| 265 | +<td> |
| 266 | +<p>min-width</p> |
| 267 | +<p>max-width</p> |
| 268 | +</td> |
| 269 | +<td><strong>Establece el ancho mínimo/máximo del contenido del elemento</strong>. El valor es un porcentaje o un tamaño.</td> |
| 270 | +<td rowspan="2"> |
| 271 | +<div class="pre-code"> |
| 272 | +<div> |
| 273 | +<pre><code>div { |
| 274 | + min-height: 100px; |
| 275 | + max-width: 50%; |
| 276 | + background-color: darkpink; |
| 277 | +}</code></pre> |
| 278 | +</div> |
| 279 | +</div> |
| 280 | +</td> |
| 281 | +</tr> |
| 282 | +<tr> |
| 283 | +<td> |
| 284 | +<p>min-height</p> |
| 285 | +<p>max-height</p> |
| 286 | +</td> |
| 287 | +<td><strong>Establece la altura mínima/máxima del contenido del elemento</strong>. El valor es un porcentaje o un tamaño.</td> |
| 288 | +</tr> |
| 289 | +<tr> |
| 290 | +<td>display</td> |
| 291 | +<td><strong>Establece la manera en que se muestra el elemento</strong>. El valor puede ser <strong>block</strong>, <strong>inline</strong> o <strong>inline-block</strong>.</td> |
| 292 | +<td><a href="b-i-ib.png" rel="lightbox"><img src="b-i-ib.png" alt="Block, Inline, Inline-block" title="Block, Inline, Inline-block" width="300" height="507"></a></td> |
| 293 | +</tr> |
266 | 294 | </tbody> |
267 | 295 | </table></div></div></section></div> |
268 | 296 | </div> |
|
0 commit comments